webpack配置Vue项目(工程模板)

138 阅读1分钟

使用

git地址


npm install wtechtec-vue-cli  -g
wtechtec-vue-cli init  TestProjtect

npm install
 

结构介绍

build 文件夹

存放webpack 配置文件: 在这里插入图片描述

src 文件夹

存放路由,vuex,页面,assets静态资源等

router

在这里插入图片描述

vuex

在这里插入图片描述

svg

在这里插入图片描述

使用
  1. 在svg文件夹下创建一个name.svg文件
  2. 在name.svg文件中,粘贴svg数据
  3. 在页面 <svg-icon icon-class="logo"></svg-icon>

工具js

在这里插入图片描述

views

存放vue文件

postcss.config.js

配置 px 转换 rem。如果想开启,放开注释,然后在 build文件夹中的webpack.base.js下 放开 new webpack. LoaderOptionsPlugin {..} 的注释。

打包的时候,如有报错, 删除node_modules,再 npm insatll,npm run build。应该即可。