Vue-cli4.x は sass/scss/less メソッドをインストールし、パブリック scss をグローバルに参照します

目次

scssをインストールする

scss 変数へのグローバル参照

インストールを減らす

---

scss をインストールし、より安定してインストールするために糸を推奨します

  

cnpm install [email protected] --save-dev
cnpm install [email protected] --save-dev

Mac用のnode-sass環境がない場合は、以下のバージョンを使用してください

    "sass": "^1.26.5",
    "sass-loader": "^7.1.0",

scss 変数へのグローバル参照

cnpm install --save-dev sass-resources-loader



//根目录创建vue.config.js文件  然后记得重启项目

module.exports = {
  chainWebpack: (config) => {
    const oneOfsMap = config.module.rule("scss").oneOfs.store;
    oneOfsMap.forEach((item) => {
      item
        .use("sass-resources-loader")
        .loader("sass-resources-loader")
        .options({
          // 在src/assets/目录下创建文件scss以及文件夹下的base.scss 这便是公共的样式
          resources: "./src/assets/scss/base.scss",
        })
        .end();
    });
  },
}

インストールを減らす

指定されたバージョン 4.1.0 をインストールします

cnpm install [email protected] --save

cnpm install [email protected] --save