Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/flash/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vue,无法从SASS生成CSS文件_Vue.js_Webpack_Sass_Vue Cli - Fatal编程技术网

Vue.js Vue,无法从SASS生成CSS文件

Vue.js Vue,无法从SASS生成CSS文件,vue.js,webpack,sass,vue-cli,Vue.js,Webpack,Sass,Vue Cli,我只想从这里导出一个SASS文件: /src/assets/sass/app.scss 到这里: /public/assets/css/app.css 我想做的就是拥有一个CSS文件,主模板可以引用该文件,而不是依赖于运行eval进行所有样式设置。这是一个非常常见的功能,但据我所知,Vue文档中没有具体的示例来说明如何做到这一点。我唯一学到的是: 引用/src/assets中的任何内容都应该足以让Vue CLI的Webpack实例拾取它(事实并非如此) 可能与创建vue.config.

我只想从这里导出一个SASS文件:

  • /src/assets/sass/app.scss
到这里:

  • /public/assets/css/app.css
我想做的就是拥有一个CSS文件,主模板可以引用该文件,而不是依赖于运行
eval
进行所有样式设置。这是一个非常常见的功能,但据我所知,Vue文档中没有具体的示例来说明如何做到这一点。我唯一学到的是:

  • 引用
    /src/assets
    中的任何内容都应该足以让Vue CLI的Webpack实例拾取它(事实并非如此)
  • 可能与创建
    vue.config.js
    文件有关,但我不知道该如何构建该文件
我这样做了,但在那之后,我画了一张完全空白的图:

module.exports = {
    css: {
        extract: true
    }
};

你能提供更多的细节或链接来解释如何到达你所处的状态吗?例如,基于,您是执行了npm安装-D sass loader sass还是在创建项目时选择了sass?