国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

在vue項目中全局引入一個 .scss文件

寵來也 / 1928人閱讀

摘要：需求在用開發項目的時候，有這樣的一個需求我有個的公共文件需要在項目的每個文件使用，而不用分別在文件中引入。第一步首先要下載第二步，在項目里找到文件。在上面的文件里用引入其他文件。

需求：在用vue-cli開發項目的時候，有這樣的一個需求：我有個.scss的公共文件需要在項目的每個 .vue 文件使用，而不用分別在.vue文件中引入。這個時候就需要用到 sass-resources-loader 。

（1）第一步：
首先要下載 ： sass-resources-loader

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

（2）第二步，在項目里找到build/utils文件。并找到下圖位置

然后在scss: generateLoaders("sass")后面加上以下代碼：

.concat(
      {
        loader: "sass-resources-loader",
        options: {
          // 需要全局引入的sass文件，這里引入了的scss文件，在所有的.vue文件都可以用到這份css樣式，
          // 下面的resources接受一個數組，可以添加多個scss文件
          resources: [path.resolve(__dirname, "../src/assets/sass/index.scss")]
        }
      }
    )

（3）此時文件已經配置成功，需要重啟npm run dev服務才可以看到效果.

（4） 如果要導入多個文件,有兩種辦法：

1、在上面代碼的resources數組選項增加多一個scss文件路徑。
2、在上面的index.scss文件里用@import引入其他scss文件。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/108061.html

相關文章

  • 在vue項目中全局引入一個 .scss文件

    摘要：需求在用開發項目的時候，有這樣的一個需求我有個的公共文件需要在項目的每個文件使用，而不用分別在文件中引入。第一步首先要下載第二步，在項目里找到文件。在上面的文件里用引入其他文件。 需求：在用vue-cli開發項目的時候，有這樣的一個需求：我有個.scss的公共文件需要在項目的每個 .vue 文件使用，而不用分別在.vue文件中引入。這個時候就需要用到 sass-resources-l...

    dcr309duan 評論0 收藏0

  • 小程序開發

    摘要：開發前準備環境版本微信開發工具最新版最新版文檔本項目技術?；谖⑿判〕绦蚩焖匍_始克隆項目進入項目安裝依賴啟動構建打開微信開發工具，導入項目目錄結構構建相關配置相關打包相關第三方模塊源代碼全局公用方法所有頁面文件業務組件圖片字體等靜態資源業務 開發前準備 環境: Node.js LTS版本 微信Web開發工具 最新版 git 最新版 文檔: 本項目技術?；?ES2016 VueJS ...

    ghnor 評論0 收藏0

  • 手把手教你寫 Vue UI 組件庫@vue2.0

    摘要：手把手教你寫組件庫最近在研究的實現，發現網上很少有關于插件具體實現的文章，官方的文檔也只是一筆帶過，對于新手來說并不算友好。 手把手教你寫 Vue UI 組件庫 最近在研究 muse-ui 的實現，發現網上很少有關于 vue 插件具體實現的文章，官方的文檔也只是一筆帶過，對于新手來說并不算友好。 筆者結合官方文檔，與自己的摸索總結，以最簡單的 FlexBox 組件為例子，帶大家入門 v...

    Keagan 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<