16.打包命令除了webpack外,還可以在package.json中配置,配置內容如下

{"name":?"webpackapp","version":?"1.0.0","description":?"this?is?webpackapp","main":?"index.js","scripts":?{"test":?"echo?\"Error:?no?test?specified\"?&&?exit?1","start":"webpack"},"author":?"suyan","license":?"ISC","devDependencies":?{"webpack":?"^2.2.1"} }

17.在命令行中我們不再使用webpack這個命令,改為cnpm start這個命令即可完成webpack的功能

cnpm?start

18.在webpack的配置文件中配置source maps,修改webpack.config.js文件,添加devtool參數,修改內容如下

module.exports?=?{entry:??__dirname?+?"/app/Greeter.js",output:?{path:?__dirname?+?"/public",filename:?"bundle.js"},devtool:'eval-source-map' }

19.在devtool參數添加前打包和添加后打包,生成的bundle.js文件對比

webpack

本文轉自 素顏豬 51CTO博客，原文鏈接:http://blog.51cto.com/suyanzhu/1899044

總結

以上是生活随笔為你收集整理的Webpack入门教程三的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。