◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
24小时接单的黑客求助黑客追款黑客交易中心(24小时黑客免费接单)
1.在cmd终端执行 npx webpack命令
2.在package.json文件同级建立webpack.config.js文件，内容如下：
123456789 |
const path = require('path');module.exports = {entry: './src/index.js', // 入口output: { // 出口filename: 'bundle.js', // 文件名
path: path.resolve(__dirname, 'dist') // 生成路径
}}; |
执行命令 npx webpack --config webpack.config.js
3.修改package.json脚本
123456789101112131415161718 |
{"name": "webpack-demo","version": "1.0.0","description": "","main": "index.js","scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
+ "build": "webpack" // 修改命令执行方法
},"keywords": [],"author": "","license": "ISC","devDependencies": {"webpack": "^4.0.1","webpack-cli": "^2.0.9","lodash": "^4.17.5"}} |
执行命令npm run build
结论：生成类似下面的目录，打开index.html 有Hello webpack显示
123456789 |
webpack-demo|- package.json|- webpack.config.js|- /dist|- bundle.js|- index.html|- /src|- index.js|- /node_modules |
