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 词法分析，词法作用域
文章标题：Webpack.js 配置基本项说明
文章链接：http://soscw.com/index.php/essay/79822.html