Webpack.js 配置基本项说明
2021-04-26 14:27
标签:解析 out name com 模块 自动补全 bpa module ports Webpack.js 配置基本项说明 标签:解析 out name com 模块 自动补全 bpa module ports 原文地址:https://www.cnblogs.com/zhuji/p/12220752.htmlmodule.exports = {
entry: "./src/main.js", //是页面中的入口文件,比如我这边的入口文件时main.js
//output 是指页面通过webpack打包后生成的目标文件放在什么地方去,此处是在根目录下生成build文件夹,该文件夹内有一个build.js文件;
output: {
filename: "build/build.js"
},
module: {
loaders: [
//.css 文件使用 style-loader 和 css-loader 来处理
{ test: /\.css$/, loader: "style!css" },
//.js 文件使用 jsx-loader 来编译处理
{ test: /\.js$/, loader: "jsx-loader" }
]
},
//resolve 定义了解析模块路径时的配置,常用的就是extensions; 可以用来指定模块的后缀,这样在引入模块时就不需要写后缀,会自动补全。
resolve: {
extensions: [‘‘, ‘.js‘, ‘.jsx‘]
},
//plugins 定义了需要使用的插件,比如commonsPlugin在打包多个入口文件时会提取公用的部分,生成common.js;
plugins: []
};
下一篇:js 词法分析,词法作用域