文件名称:webpack-vue:使用webpack搭建vue项目
文件大小:86KB
文件格式:ZIP
更新时间:2024-05-29 16:04:13
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)