module.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: [] };

Webpack.js 配置根基项说明