Shulou(Shulou.com)05/31 Report--

This article mainly introduces "vue introduces scss style case analysis". In daily operation, I believe many people have doubts about the introduction of scss style case analysis into vue. The editor consulted all kinds of data and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts of "vue introducing scss style case analysis". Next, please follow the editor to study!

The specific steps are as follows:

1. First, create a vue.js project in vue-cli

Vue create project-name

After the 2.vue.js project is created, install the sass dependency in the project using the npm command

Npm I sass--save-devnpm I sass-loader-- save-dev

After the 3.sass dependency is installed, configure the following in the webpack.base.config configuration file

{test: /\ .scss $/, loader: 'stylekeeper CSSS ass'}

4. Finally, after the webpack.base.config file is configured, the scss style can be introduced by using the style tag in the project

.hello input {

Color: red

}

At this point, the study of "vue introduces scss style instance analysis" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.