您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何使用webpack从node_modules加载静态CSS文件的示例?

如何使用webpack从node_modules加载静态CSS文件的示例?

对于遇到类似问题的用户,我已经采取一些步骤使其正常运行,但我不确定这种平衡方式。

添加css-loader以摆脱,SyntaxError: Unexpected token .然后添加file- loader并匹配文件以摆脱Uncaught Error: Cannot find module "./images/layers.png"

module.exports = {
  entry: "./web/static/js/app.js",
  output: {
    path: "./priv/static/js",
    filename: "app.js"
  },
  module: {
    loaders: [{
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel'
    }, {
      test: /\.scss$/,
      loader: ExtractTextPlugin.extract(
        'style',
        'css' + '!sass?outputStyle=expanded&' + stylePathResolves
      )
    }, {
      test: /\.css$/,
      loader: "style-loader!css-loader"
    }, {
      test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)$/,
      loader: 'file-loader'
    }]
  },
  plugins: [new ExtractTextPlugin("app.css")]
};

刚开始时,我是从一些示例中获得此配置的,但并不是100%清楚为什么我曾经ExtractTextPlugin加载过scss,以及与css- loader的相关性,也许更一致的是,如果我在这一部分中也使用ExtractTextPlugin,也许有人知道并且可以进行代码审查吗?但是我的解决方案正在工作,我可以进一步工作。

CSS 2022/1/1 18:23:31 有517人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶