vue实战(2)——构建vue项目需要修改的配置文件及部分插件安

一、config下index.js

说明：1、反向代理需要添加的代码（应用实例：axios.post('api/databass/info',dataObj,{ "x-access-token": global.token }).then(response=>{}))

           2、设置为true时运行项目会在浏览器中自动打开（老版本的脚手架默认是true）

           3、解决打包发布上线css、js路径错乱问题

           4、该属性是在build时会在js文件夹中产生很多.map文件（很占打包容量），设成false体积能缩小一半

二、build下utils.js

说明：没有该属性时，在css中写的background的图片在打包上线后会访问不到（针对非根目录下的项目），添加publicPath属性目的是兼容发布上线后背景图正常显示的

三、多行文本框不能正常显示省略号的问题

webpck不能编译这个多行文本溢出属性-webkit-box-orient: vertical,自动隐藏

说明：optimize-css-assets-webpack-plugin这个插件的问题，注释掉webpack.prod.conf.js中下面的代码

        new OptimizeCSSPlugin({cssProcessorOptions: config.build.productionSourceMap

                ? { safe: true, map: { inline: false } }

                : {safe: true }

        }),

四、less安装

cnpm install --save-dev sass-loader

cnpm install --save-dev node-sass

最新项目安装失败原因sass版本太高，解决：

https://blog.csdn.net/ze1024/article/details/100516650