Sass - 通过Webpack Mix - 忽略选项

时间:2018-05-01 12:32:08

标签: css webpack laravel-mix

我正在使用Webpack Mix,我正在尝试设置一些选项 - includePaths。但似乎sass& /或webpack mix忽略了所有这些选项。我知道这是因为在我的sass中我有@import url('icons/styles.css');它应该解析为@import url('dist/assets/icons/styles.css');但是它无法编译而导致无法找到该文件的错误。

所以我尝试将我的webpack mix选项设置为processCssUrls: false,这样它就会完全忽略我的url()并发生同样的错误。这让我相信webpack mix正在影响我的选择?

有关如何解决我的url路径或忽略它们的任何建议吗?

  let mix = require('laravel-mix');

  mix.setPublicPath('dist')
     .js('src/app.js', 'scripts/')
     .extract([
        'jquery',
        'axios',
        'babel-polyfill',
        'lodash',
        'tether',
        'vue',
        'bootstrap-vue',
        'vuex',
        'vuex-localstorage'
     ])
     // Set include paths but I still get errors
     .sass('src/styles/app.scss', 'styles/', {includePaths: ['dist/assets/']})
     .copyDirectory('src/assets', 'dist/assets')
     .options({
        // Turn off process css urls but I still get errors
        processCssUrls: false,
        uglify: true
      })
     .version();

0 个答案:

没有答案