[关闭]
@1002522146 2017-09-04T05:45:32.000000Z 字数 4001 阅读 507

Webpack入门指南

项目构建


* 了解Webpack相关


最终 webpack.config.js 代码如下

  1. module.exports = {
  2. entry: "./src/js/entry.js",//入口文件
  3. output: {
  4. path: __dirname + '/build/js',//__dirname == ./
  5. publicPath : './js/',//webpack的文件的绝对路径 将替代文件中引用的相对路径
  6. filename: "build.js"//打包生成的文件名字
  7. },
  8. module: {
  9. loaders: [//模块加载器
  10. { test: /\.css$/, loader: "style-loader!css-loader" },//css的loader
  11. { test: /\.(png|jpg)$/, loader: "url-loader?limit=8192" }//图片,文件的loader
  12. ]
  13. },
  14. devServer:{
  15. contentBase: './build',//内置服务器动态加载页面所在的目录
  16. historyApiFallback:true,//不跳转
  17. inline:true,
  18. port:4000
  19. }
  20. };
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注