一、vue 安装scss
1、 安装
npm install sass-loader@6.0.0 node-sass --save-dev
2.在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
},
3.vue组件引入
<style lang="scss"></style>
二、运行vue项目报错webpack-dev-server不是内部或外部命令
报错截图
原因:
webpack-dev-server版本和vue版本不一样，需要将webpack-dev-server卸载了，安装对应版本
解决方法：
1 查看vue-cli版本是 vue -V
2 卸载npm uninstall webpack-dev-server
3 安装npm i webpack-dev-server@3.0.0
4 安装npm install webpack cli -D
5 正常启动。
三、问题npmFix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-pe
报错截图
npm install --legacy-peer-deps 即可成功安装 node_modules
webpack 3.6.0 对应版本应安装
npm i sass-loader@7.1.0 -D
npm install node-sass@4.14.1 -D
npm i sass-loader node-sass -D 安装最新版本的 提示报错如下
