Configuration method of using sass in vue project_vue.js

This time I will give you a detailed explanation of the steps to configure vue using sass. What are theprecautions for vue using sass configuration?. The following is a practical case, let's take a look.

1. Create a new project based on webpack template

$ vue init webpack myvue

2. In the current directory,InstallDependencies

$ cd myvue $ npm install

3. Install sass Dependent package

npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass

4. Add configuration in the rules of webpack.base.conf.js in the build folder

{ test: /\.sass$/, loaders: ['style', 'css', 'scss'] }

as shown below:

5. Modify the style tag in APP.vue