[vue]webpack打包

- 我用的是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>