Open Leecason opened 5 years ago
webpack 4 新增配置项,常规可选值 production
和 development
。一般根据 process.env.NODE_ENV
来确定值。
定义 webpack 的入口
定义 webpack 的输出配置
定义 webpack 处理 import 时自动添加的后缀顺序 extensions
和供快速访问的别名 alias
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolvePath('src'),
}
}
确定如何处理项目中不同类型的模块,即告诉 webpack,什么样的后缀文件用什么样的 loader 来处理。
module.rules
允许你在 webpack 配置中指定多个 loader。loader 链会按照相反的顺序执行,即从最后一个 loader 开始处理。
module: {
rules: [
{
test: /\.css$/,
user: [
{ loader: 'style-loader' },
...
]
}
]
}
处理 Vue 文件,使用 Vue 专门提供的 vue-loader。把 Vue 里面的 Githubissues.
参考: