在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ sass 在vue中報錯

sass 在vue中報錯

vue文件：
<style scoped lang="scss">
@import '~scss_vars';
</style>
錯誤提示：
      File to import not found or unreadable: ~scss_vars.
Parent style sheet: stdin
      in D:\vue\mock\src\views\Home.vue (line 79, column 1)
      
package.json:
"file-loader": "^1.1.5",
    "mockjs": "^1.0.1-beta3",
    "node-sass": "^4.6.0",
    "sass-loader": "^6.0.6",

我已經(jīng)安裝了sass 為什么會報錯

回答
編輯回答
櫻花霓

如果你要這么寫就需要在webpack里配置resolve 如果你用的vue-cli的話就是在webpack.base.config.js里配置

resolve: {
    extensions: ['.js', '.vue', '.json', '.scss'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'scss': path.resolve(__dirname, '../src/style'),
    }
  }

這個樣式根路徑，如果指定某個文件就要在別名里指定即可

2017年5月17日 14:53
編輯回答
苦妄

看起來是沒識別'~scss_vars'這種寫法

2017年1月18日 10:57
編輯回答
尐飯團(tuán)

這是用webpack打包編譯時指代當(dāng)前項目下node_modules包里的樣式文件，只在樣式文件@import時這么用。
需要知道指向到文件

@import '~scss_vars'; /* node_modules/scss_vars.scss 此文件應(yīng)該不存在吧 */
@import '~scss_vars/src/.../style.scss';
2017年9月9日 07:26