gpt4 book ai didi

css - 如何从 SASS 生成常规 CSS 文件?

转载 作者:太空宇宙 更新时间:2023-11-04 11:42:42 24 4
gpt4 key购买 nike

我一般用

{ test: /\.sass$/, loader: 'style!css!sass?indentedSyntax' }

然后在main.js

require('./styles.sass')

但它在 main.js 时使用 javascript 应用样式已加载。问题是我的应用程序使用同构并最初返回一些 html。因为我加载 main.js就在</body>之前标记,然后将样式应用于文档有点太晚了(用户暂时看到没有样式的 HTML)。

因此我想从 styles.sass 生成常规的 css 文件然后简单地将 id 包含在 <head></head> 中以确保它最初加载。我如何生成常规的 css 文件?

我试过:

entry: {
styles: path.resolve(__dirname, 'app/styles.sass')
}

但它会生成 styles.js而不是 .css文件。此外,如果我包括 styles.js在头脑中然后我在控制台中收到来自 styles.js 的以下错误:

Uncaught ReferenceError: webpackJsonp is not defined

最佳答案

使用 extract text plugin .

将其放入您的加载器中:

{ test: /\.scss$/, loader: ExtractTextPlugin.extract("css!sass") }

...并在您的插件中:

plugins: [
new ExtractTextPlugin("styles.css")
]

改编自...

http://webpack.github.io/docs/stylesheets.html#separate-css-bundle

关于css - 如何从 SASS 生成常规 CSS 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31201459/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com