[转]VUE 之 Webpack 打包构建

首先，下载 jquery 

npm i jquery -S

然后，下载 webpack 

npm i webpack webpack-cli -D

接下来，创建文件：webpack.config.js

module.exports = {
    mode: 'development' // 分 development \ production 两种模式
}

然后修改 package.json，在 scripts 中添加属性 dev

  "scripts": {
    "dev": "webpack"
  },

这里注意， package.json 里面不需要添加 "type":"module" ，加了会在打包时报错

最后，在终端敲命令：

npm run dev

打包构建成功后，会在项目同目录下生成一个 dist 文件夹，里面是打包好的 .js 文件，修改 .html 内容，改成引用这个打包后的 .js 文件即可。