Vue 融入flexible.js scss(sass)文件 添加scss文件 sass

标签：common   mon   css   项目   concat   lan   2.0   web   set   

Vue 融入flexible.js   scss

1.

安装

npm install node-sass --save-dev

npm install sass-loader --save-dev

npm install style-loader --save-dev    

npm install sass-resources-loader --save-dev

不需要在index.js中进行引入任何一个文件

2.Build/webpack.base.conf.js里加入

{

        test: /\.scss$/,

        loaders: ["style", "css", "sass"]

 },

这样配置了scss文件的识别

3.build/util.js里

scss: generateLoaders(‘sass‘),

换为
scss: generateLoaders(‘sass‘).concat(

      {

        loader: ‘sass-resources-loader‘,

        options: {

          resources: path.resolve(__dirname, ‘../src/common/scss/reset.scss‘)  

        }

      }

    ),

这样引入公共的scss文件，现在测试的智能引入一个

4.

index.html中引入flexible.js

5.使用的vue页面

<style lang="scss" scoped="" type="text/css">

这里写scss样式

</style>

6.本地的190102-app-flexible-scss项目是Vue 融入flexible.js   scss

Vue 融入flexible.js scss(sass)文件 添加scss文件 sass

标签：common   mon   css   项目   concat   lan   2.0   web   set   

原文地址：https://www.cnblogs.com/luziluck/p/10209706.html