- 我用的是webpack3.x版本,现在4.x好像不太一样了
npm init
npm install --save-dev [email protected]
1. package.json
"scripts": {
"build": "webpack", //找到第二步
},
2.查找熟悉路径
.\node_modules\.bin\webpack.cmd //找到 .\node_modules\webpack\bin\webpack.js
执行.\node_modules\webpack\bin\webpack.js时需要在执行目录下有webpack.config.js
- webpack.config.js
1,创建src/main.js src下与main相关的js
2,main.js是入口文件
3,webpack.config里指定入口main.js即可.
let path = require('path');
// console.log(path.resolve('./dist')); //绝对路径转相对路径
module.exports = {
entry: "./src/main.js",
output: {
path: path.resolve('./dist') //这里要是绝对路径,./dist/bundle.js
filename: 'bundle.js', //将包打到bundle.js里
}
};
- main.js
let s1 = require('./a.js');
console.log(s1);
- a.js
let s1 = "maomao3";
module.exports = s1;
- index.html
<script src="dist/bundle.js"></script>
[vue]webpack打包
猜你喜欢
转载自www.cnblogs.com/iiiiiher/p/9061096.html
今日推荐
周排行