Javascript - 可以使用 'import' 关键字导入 css 吗？

Question

我在这里可能有点困惑，但是是否有等价物

require('../css/mystyles.css')

对于 import 命令？

即:导入 '../css/mystyles.css

如果不是，为什么不呢？

上下文:

结合vue使用webpack，希望以与模块一致的方式加载css文件

Answer 1

您当然可以像这样使用 import 语句导入 css 文件:

import "../css/mystyles.css.css"

在 webpack.config.js 文件中，您应该添加一个规则以对 .css 文件使用“css-loader”和“style-loader”:

module.exports = {
    module:{
        rules:[
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            }
       ]
    }

看看这个 article在 Webpack 加载器上。非常清楚。