【文件属性】:
文件名称:webpack-vue:使用webpack搭建vue项目
文件大小:86KB
文件格式:ZIP
更新时间:2021-05-09 22:17:33
JavaScript
使用webpack搭建vue项目
1.创建一个空项目
npm init -y
2.下载webpack,webpack-cli
目前可以使用webpack5不过还是建议使用webpack4
npm i webpack@4.44.2 webpack-cli@3.3.11 -D
3.配置webpack
1.根目录下创建config文件夹,分别创建webpack.base.config.js,webpack.dev.config.js,webpack.prod.config.js
webpack.base.config.js是我们的公共配置
webpack.dev.config.js开发配置
webpack.prod.config.js生产配置
2.接下来配置package.json的命令语句
"scripts": {
"dev": "webpack --mode development
【文件预览】:
webpack-vue-main
----.gitignore(35B)
----.babelrc(108B)
----package.json(2KB)
----package-lock.json(484KB)
----src()
--------style()
--------view()
--------main.js(403B)
--------index.html(440B)
--------router()
--------store()
--------app.vue(421B)
----postcss.config.js(411B)
----.browserslistrc(29B)
----README.md(7KB)
----config()
--------webpack.prod.config.js(724B)
--------webpack.dev.config.js(909B)
--------wepack.devserver.config.js(1KB)
--------webpack.base.config.js(4KB)
----webpack-plugin()
--------zipPlugin.js(1KB)