一燎字、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>
二姨夹、運(yùn)行vue項(xiàng)目報(bào)錯(cuò)webpack-dev-server不是內(nèi)部或外部命令
報(bào)錯(cuò)截圖
原因:
webpack-dev-server版本和vue版本不一樣，需要將webpack-dev-server卸載了揩慕，安裝對(duì)應(yīng)版本
解決方法：
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 正常啟動(dòng)加叁。
三、問題npmFix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-pe
報(bào)錯(cuò)截圖
npm install --legacy-peer-deps?即可成功安裝 node_modules
webpack 3.6.0 對(duì)應(yīng)版本應(yīng)安裝
npm i sass-loader@7.1.0 -D
npm install node-sass@4.14.1 -D
npm i sass-loader node-sass -D 安裝最新版本的 提示報(bào)錯(cuò)如下
