码迷,mamicode.com
首页 > Web开发 > 详细

从零开始webpack4.x(五) js处理

时间:2020-03-13 01:03:54      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:通过   proposal   需要   排除   下载   特殊   includes   env   exp   

ES6语法转换 -> babel-loader

依赖: babel-loader @babel/core @babel/preset-env @babel/polyfill 其他依赖可以通过babeljs官方网站查询,转换装饰器 class语法

 
module.exports = {
    module: { 
        rules: [ 
            { 
                test: /\.js$/, 
                use: {
                    loader: babel-loader,
                    options: {  
                        presets: [
                            @babel/preset-env //  转换es6 -> es5
                        ],
                        plugins: [
                            ["@babel/plugin-proposal-decorators", { "legacy": true }],  //  转换@装饰器
                            ["@babel/plugin-proposal-class-properties", { "loose" : true }],  //  转换class语法
                            ["@babel/plugin-transform-runtime"]   // 特殊语法‘aa‘.includes(‘a‘); 在require(‘@babel/polyfill‘)
                        ]
                    }
                },
                include: path.resolve(__dirname, src),  // 包含
                exclude: /node_modules/  // 排除文件夹
            }
        ]
    }
}

 

js校验 

依赖:eslint eslit-loader  

需要添加文件‘.eslintrc.js‘ 可以去eslint 官网下载一个配置

enforce

    module: {
        rules: [
            {   // eslint
                 test: /\.js$/, 
                 use: {
                    loader: eslint-loader,
                    options: {
                        enforce: pre     // 强制前置执行 previous   post
                    }
                 }
            }
        ]
    }

 

从零开始webpack4.x(五) js处理

标签:通过   proposal   需要   排除   下载   特殊   includes   env   exp   

原文地址:https://www.cnblogs.com/aisiqi-love/p/12483969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!