从零开始webpack4.x(五) js处理
2021-04-07 17:28
标签:通过 proposal 需要 排除 下载 特殊 includes env exp 依赖: babel-loader @babel/core @babel/preset-env @babel/polyfill 其他依赖可以通过babeljs官方网站查询,转换装饰器 class语法 js校验 依赖:eslint eslit-loader 需要添加文件‘.eslintrc.js‘ 可以去eslint 官网下载一个配置 enforce 从零开始webpack4.x(五) js处理 标签:通过 proposal 需要 排除 下载 特殊 includes env exp 原文地址:https://www.cnblogs.com/aisiqi-love/p/12483969.htmlES6语法转换 -> babel-loader
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/ // 排除文件夹
}
]
}
}
module: {
rules: [
{ // eslint
test: /\.js$/,
use: {
loader: ‘eslint-loader‘,
options: {
enforce: ‘pre‘ // 强制前置执行 previous post
}
}
}
]
}
文章标题:从零开始webpack4.x(五) js处理
文章链接:http://soscw.com/index.php/essay/72499.html