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

Question

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

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

使用import命令吗？

即： import '../css/mystyles.css

如果没有，为什么不呢？

上下文：

将Webpack与vue结合使用，并希望以与模块一致的方式加载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']
            }
       ]
    }

在Webpack加载器上查看此article。很清楚。

Answer 2

从ES6开始，我们可以使用 import 关键字

有关webpack的配置，请参考官方文档here，您将在那里获得确切的数字