vue scss 使用

 

在文件路径没有问题时，引入scss出现错误

 

1. ERROR Failed to compile with 1 errors 15:04:40

2.  

3. This relative module was not found:

4.  

5. * ./assets/css/style.scss in ./src/main.js

 

 

主要原因是新版本的vue-cli已经帮我们把sass-loader配置好了，放在了util.js里面。 
原来我们需要在webpack.base.config.js中去配置以下这段代码：

1. {

2. test: /\.scss$/,

3. use: [

4. {

5. loader: 'style-loader' // creates style nodes from JS strings

6. },

7. {

8. loader: 'css-loader' // translates CSS into CommonJS

9. },

10. {

11. loader: 'sass-loader' // compiles Sass to CSS

12. }

13. ]

14. }

现在不需要这样配置。如果这样配置会报错，因为配置重复了。 
所以，只需要安装相应的loader，比如使用sass需要安装node-sass、sass-loader。