cly153239的专栏

> vue-cli 的脚手架项目模板有browserify 和 webpack , 现在自己在用的是webpack , 官网给出了两个模板： webpack-simple 和 webpack 两种。两种的区别在于webpack-simple 没有包括Eslint 检查功能等等功能，普通项目基本用webpack-simple 就足够了.   搭建官方项目模板步骤：  　　1、npm insta

npm run build后会生成静态文件，在根目录的dist里，里面有个index.html，这是服务器访问的路径指定到这里就可以访问我们自己的项目了。但是我发现个问题就是生成index.html里引用的css和js的引用路径不对，这时候就需要自己修改一下配置了。 原先默认配置为 修改配置后： 访问http://127.0.0.1:8020/my

1、下载node安装node 2 安装 vue-cli npm i -g vue-cli 3. 初始化 webpack 项目 vue init webpack my-project这里即vue init webpack myvue 将下载vue模板项目目录为不包含红色框的文件 4.npm可能出现访问速度极慢的情况，推荐使用cnpm因此需要安装cnpm命令为 npm i -g cn

使用vue-cli构建的vue项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码 // 在开头引入webpack，后面的plugins那里需要 var webpack = require('webpack') // resolve module.exports = { // 其他代码... res