20 July 2016
  • 作者: 王德水
  • 出处:http://deshui.wang
  • 版权:转载需经作者同意,请保留此内容且附上原文链接

Preloaders

Preloader就是在调用loader之前需要调用的loader, 他不做任何代码的转换,只是进行检查。

JSHint

我们比较常用的一个Preloader就是JSHint, 对我们JS代码进行检查.

接之前代码:

  1. 安装jshint-loader

     npm install jshint jshint-loader --save-dev
    
  2. 修改 webpack.config.jshint

     module.exports = {
         entry: './main.js',
         output: {
             filename: 'bundle.js'
         },
         module: {
             preLoaders: [
                 {
                 test: /\.js$/,
                 exclude: /node_modules/,
                 loader: 'jshint'
             }
         ],
    
         loaders: [
             {
                 test: /\.js$/,
                 exclude: /node_modules/,
                 loader: 'babel',
                 query: {
                     presets: [
                         'es2015'
                     ]
                 }
             },
             {
                 test: /\.less$/,
                 exclude: /node_modules/,
                 loader: 'style!css!less'
             },
             {
                 test: /\.(jpg|jpeg|png|gif)$/,
                 include: /images/,
                 loader: 'url'
             }
    
         ],
     }  };
    
  3. 指定JSHint使用es6.

     module: {
         preLoaders: [
             ...
         ],
         loaders: [
             ...    
         ]
     },
     jshint: {
         esversion: 6
     } 
    
  4. 删掉hello.js里的一个;号,然后重启webpack-dev-server

     WARNING in ./hello.js
     jshint results in errors
     'let' is available in ES6 (use 'esversion: 6') or Mozilla JS extensions (use moz). @ line 1 char 1
         let hello=(name)=>{
    
     'arrow function syntax (=>)' is only available in ES6 (use 'esversion: 6'). @ line 1 char 16
         let hello=(name)=>{
    
     Missing semicolon. @ line 3 char 2
         }
    


blog comments powered by Disqus

关于作者

姓名: 王德水

Shinetech 1st Branch Founder & Manager

微博: 敏捷的水

邮箱: wangdeshui@outlook.com

熟悉: C#, ASP.NET, Restful, WCF, WPF, Azure, Xamarin, DDD, JavaScript, Angular,Node.js, Mongodb, React, Ruby, Objective-C, Swift, HTML, CSS

  • 10年以上软件行业从业经历
  • 10年欧美软件服务
  • 2年制造业ERP
  • 2年旅游景区信息化系统

擅长敏捷开发、团队建设和管理、分公司管理和经营

熟悉敏捷、.Net开发、软件测试、TDD等

热爱爬山、跑步、 足球、乒乓球

喜欢与有梦想、有激情的人交朋友

招聘职位