标签: webpack-style-loader

我有以下 css 文件：

<link rel="stylesheet" href="style/select.css">
<link rel="stylesheet" href="style/site.css">

以及以下 webpack 配置

var path   = require("path");
module.exports = {
  entry: {
    app: './src/index.js'
  },

  output: {
    path: path.resolve(__dirname + '/dist'),
    filename: '[name].js',
  },

  module: {
    rules: [
      {
        test: /\.(css|scss)$/,
        use: [
          'style-loader',
          'css-loader',
        ]
      },
      {
        test:    /\.html$/,
        exclude: /node_modules/,
        loader:  'file-loader?name=[name].[ext]',
      },
      {
        test:    /\.elm$/,
        exclude: [/elm-stuff/, /node_modules/],
        loader:  'elm-webpack-loader?verbose=true&warn=true',
          options: {debug: true, warn: true},
      },
      {
        test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'url-loader?limit=10000&mimetype=application/font-woff',
      },
      {
        test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
        loader: 'file-loader',
      }, …

基本上我试图在容器的背景中显示图像，但它没有加载。我尝试了各种路径，因为我并不完全清楚 URL 需要相对于什么： the package.json、 the webpack.config.js、 React 组件或login.scss我正在使用的。

除了以下内容之外，我还将提供目录结构webpack.config.js：

/app\n    /src\n        /assets\n            /img\n                slide_blue.png\n            /scss\n                login.scss\n        /config\n            webpack.config.js\n        /react\n            /containers\n                /authentication\n                    signin.js\n            index.js // entry point\n    package.json\n

login.scss到目前为止，它很短，其他样式也有效：

// logic.scss\n@import \'declarations\';\n\n.login {\n    height: 381px;\n    // tried just about every combination of path... this is just the last one I tried\n    background-image: url(\'/src/assets/img/slide_blue.png\') !important;\n\n    form {\n        padding-top: 75px;\n        padding-bottom: -75px;\n    }\n}\n

最后是webpack.config.js：

var path = …

我正在开发一个小部件，它可以嵌入“任何”网站上，并使用 css-loader 为我的 CSS 类提供唯一的名称以避免冲突。

在我的 webpack.config.js 中，我有以下行：

localIdentName: 'productname-[folder]-[local]',

这输出类名如下：

• 产品名称-src-widgetbox
• 产品名称-Sidebar-sidebar

是否可以从类名中删除所有“-src”并将所有内容小写？

我找到了一个解决方案，我只是复制了整个原始的 getLocalIdent() 并在前面添加了 Replace() 和 toLowerCase() 方法。但这不是一个好的解决方案，我认为：

const getLocalIdent = (loaderContext, localIdentName, localName, options) => {

  if (!options.context) {
    options.context = loaderContext.rootContext;
  }

  const request = path
    .relative(options.context, loaderContext.resourcePath)
    .replace(/\\/g, '/');

  options.content = `${options.hashPrefix + request}+${localName}`;

  localIdentName = localIdentName.replace(/\[local\]/gi, localName);

  const hash = loaderUtils.interpolateName(
    loaderContext,
    localIdentName,
    options
  );

  return hash
    .replace(new RegExp('[^a-zA-Z0-9\\-_\u00A0-\uFFFF]', 'g'), '-')
    .replace(/^((-?[0-9])|--)/, '_$1')
    .replace("-src", "").toLowerCase();
};

我无法从第 3 方包或 cdn 链接加载导入的 css / scss 样式。样式在本地加载得很好，但是当我运行构建时，webpack -p --mode production整个应用程序都会崩溃，并且出现难以区分的错误。它正在尝试加载使用 create-react-app 构建的私有组件项目。

Uncaught SyntaxError: Invalid regular expression: /[A-Za-z\xc3\x82\xc2\xaa\xc3\x82\xc2\xb5\xc3\x82\xc2\xba\xc3\x83\xe2\x82\xac-\xc3\x83\xe2\x80\x93\xc3\x83\xcb\x9c-\xc3\x83\xc2\xb6\xc3\x83\xc2\xb8-\xc3\x8b\xc3\x8b\xe2\x80\xa0-\xc3\x8b\xe2\x80\x98\xc3\x8b\xc2\xa0-\xc3\x8b\xc2\xa4\xc3\x8b\xc2\xac\xc3\x8b\xc2\xae\xc3\x8d\xc2\xb0-\xc3\x8d\xc2\xb4\xc3\x8d\xc2\xb6\xc3\x8d\xc2\xb7\xc3\x8d\xc2\xba-\xc3\x8d\xc2\xbd\xc3\x8e\xe2\x80\xa0\xc3\x8e\xcb\x86-\xc3\x8e\xc5\xa0\xc3\x8e\xc5\x92\xc3\x8e\xc5\xbd-\xc3\x8e\xc2\xa1\xc3\x8e\xc2\xa3-\xc3\x8f\xc2\xb5\xc3\x8f\xc2\xb7-\xc3\x92\xc3\x92\xc5\xa0-\xc3\x94\xc2\xa7\xc3\x94\xc2\xb1-\xc3\x95\xe2\x80\x93\xc3\x95\xe2\x84\xa2\xc3\x95\xc2\xa1-\xc3\x96\xe2\x80\xa1\xc3\x97-\xc3\x97\xc2\xaa\xc3\x97\xc2\xb0-\xc3\x97\xc2\xb2\xc3\x98\xc2\xa0-\xc3\x99\xc5\xa0\xc3\x99\xc2\xae\xc3\x99\xc2\xaf\xc3\x99\xc2\xb1-\xc3\x9b\xe2\x80\x9c\xc3\x9b\xe2\x80\xa2\xc3\x9b\xc2\xa5\xc3\x9b\xc2\xa6\xc3\x9b\xc2\xae\xc3\x9b\xc2\xaf\xc3\x9b\xc2\xba-\xc3\x9b\xc2\xbc\xc3\x9b\xc2\xbf\xc3\x9c\xc3\x9c\xe2\x80\x99-\xc3\x9c\xc2\xaf\xc3\x9d-\xc3\x9e\xc2\xa5\xc3\x9e\xc2\xb1\xc3\x9f\xc5\xa0-\xc3\x9f\xc2\xaa\xc3\x9f\xc2\xb4\xc3\x9f\xc2\xb5\xc3\x9f\xc2\xba\xc3\xa0\xc2\xa0\xe2\x82\xac-\xc3\xa0\xc2\xa0\xe2\x80\xa2\xc3\xa0\xc2\xa0\xc5\xa1\xc3\xa0\xc2\xa0\xc2\xa4\xc3\xa0\xc2\xa0\xc2\xa8\xc3\xa0\xc2\xa1\xe2\x82\xac-\xc3\xa0\xc2\xa1\xcb\x9c\xc3\xa0\xc2\xa2\xc2\xa0\xc3\xa0\xc2\xa2\xc2\xa2-\xc3\xa0\xc2\xa2\xc2\xac\xc3\xa0\xc2\xa4\xe2\x80\x9e-\xc3\xa0\xc2\xa4\xc2\xb9\xc3\xa0\xc2\xa4\xc2\xbd\xc3\xa0\xc2\xa5\xc3\xa0\xc2\xa5\xcb\x9c-\xc3\xa0\xc2\xa5\xc2\xa1\xc3\xa0\xc2\xa5\xc2\xb1-\xc3\xa0\xc2\xa5\xc2\xb7\xc3\xa0\xc2\xa5\xc2\xb9-\xc3\xa0\xc2\xa5\xc2\xbf\xc3\xa0\xc2\xa6\xe2\x80\xa6-\xc3\xa0\xc2\xa6\xc5\x92\xc3\xa0\xc2\xa6\xc3\xa0\xc2\xa6\xc3\xa0\xc2\xa6\xe2\x80\x9c-\xc3\xa0\xc2\xa6\xc2\xa8\xc3\xa0\xc2\xa6\xc2\xaa-\xc3\xa0\xc2\xa6\xc2\xb0\xc3\xa0\xc2\xa6\xc2\xb2\xc3\xa0\xc2\xa6\xc2\xb6-\xc3\xa0\xc2\xa6\xc2\xb9\xc3\xa0\xc2\xa6\xc2\xbd\xc3\xa0\xc2\xa7\xc5\xbd\xc3\xa0\xc2\xa7\xc5\x93\xc3\xa0\xc2\xa7\xc3\xa0\xc2\xa7\xc5\xb8-\xc3\xa0\xc2\xa7\xc2\xa1\xc3\xa0\xc2\xa7\xc2\xb0\xc3\xa0\xc2\xa7\xc2\xb1\xc3\xa0\xc2\xa8\xe2\x80\xa6-\xc3\xa0\xc2\xa8\xc5\xa0\xc3\xa0\xc2\xa8\xc3\xa0\xc2\xa8\xc3\xa0\xc2\xa8\xe2\x80\x9c-\xc3\xa0\xc2\xa8\xc2\xa8\xc3\xa0\xc2\xa8\xc2\xaa-\xc3\xa0\xc2\xa8\xc2\xb0\xc3\xa0\xc2\xa8\xc2\xb2\xc3\xa0\xc2\xa8\xc2\xb3\xc3\xa0\xc2\xa8\xc2\xb5\xc3\xa0\xc2\xa8\xc2\xb6\xc3\xa0\xc2\xa8\xc2\xb8\xc3\xa0\xc2\xa8\xc2\xb9\xc3\xa0\xc2\xa9\xe2\x84\xa2-\xc3\xa0\xc2\xa9\xc5\x93\xc3\xa0\xc2\xa9\xc5\xbe\xc3\xa0\xc2\xa9\xc2\xb2-\xc3\xa0\xc2\xa9\xc2\xb4\xc3\xa0\xc2\xaa\xe2\x80\xa6-\xc3\xa0\xc2\xaa\xc3\xa0\xc2\xaa-\xc3\xa0\xc2\xaa\xe2\x80\x98\xc3\xa0\xc2\xaa\xe2\x80\x9c-\xc3\xa0\xc2\xaa\xc2\xa8\xc3\xa0\xc2\xaa\xc2\xaa-\xc3\xa0\xc2\xaa\xc2\xb0\xc3\xa0\xc2\xaa\xc2\xb2\xc3\xa0\xc2\xaa\xc2\xb3\xc3\xa0\xc2\xaa\xc2\xb5-\xc3\xa0\xc2\xaa\xc2\xb9\xc3\xa0\xc2\xaa\xc2\xbd\xc3\xa0\xc2\xab\xc3\xa0\xc2\xab\xc2\xa0\xc3\xa0\xc2\xab\xc2\xa1\xc3\xa0\xc2\xac\xe2\x80\xa6-\xc3\xa0\xc2\xac\xc5\x92\xc3\xa0\xc2\xac\xc3\xa0\xc2\xac\xc3\xa0\xc2\xac\xe2\x80\x9c-\xc3\xa0\xc2\xac\xc2\xa8\xc3\xa0\xc2\xac\xc2\xaa-\xc3\xa0\xc2\xac\xc2\xb0\xc3\xa0\xc2\xac\xc2\xb2\xc3\xa0\xc2\xac\xc2\xb3\xc3\xa0\xc2\xac\xc2\xb5-\xc3\xa0\xc2\xac\xc2\xb9\xc3\xa0\xc2\xac\xc2\xbd\xc3\xa0\xc2\xad\xc5\x93\xc3\xa0\xc2\xad\xc3\xa0\xc2\xad\xc5\xb8-\xc3\xa0\xc2\xad\xc2\xa1\xc3\xa0\xc2\xad\xc2\xb1\xc3\xa0\xc2\xae\xc6\x92\xc3\xa0\xc2\xae\xe2\x80\xa6-\xc3\xa0\xc2\xae\xc5\xa0\xc3\xa0\xc2\xae\xc5\xbd-\xc3\xa0\xc2\xae\xc3\xa0\xc2\xae\xe2\x80\x99-\xc3\xa0\xc2\xae\xe2\x80\xa2\xc3\xa0\xc2\xae\xe2\x84\xa2\xc3\xa0\xc2\xae\xc5\xa1\xc3\xa0\xc2\xae\xc5\x93\xc3\xa0\xc2\xae\xc5\xbe\xc3\xa0\xc2\xae\xc5\xb8\xc3\xa0\xc2\xae\xc2\xa3\xc3\xa0\xc2\xae\xc2\xa4\xc3\xa0\xc2\xae\xc2\xa8-\xc3\xa0\xc2\xae\xc2\xaa\xc3\xa0\xc2\xae\xc2\xae-\xc3\xa0\xc2\xae\xc2\xb9\xc3\xa0\xc2\xaf\xc3\xa0\xc2\xb0\xe2\x80\xa6-\xc3\xa0\xc2\xb0\xc5\x92\xc3\xa0\xc2\xb0\xc5\xbd-\xc3\xa0\xc2\xb0\xc3\xa0\xc2\xb0\xe2\x80\x99-\xc3\xa0\xc2\xb0\xc2\xa8\xc3\xa0\xc2\xb0\xc2\xaa-\xc3\xa0\xc2\xb0\xc2\xb3\xc3\xa0\xc2\xb0\xc2\xb5-\xc3\xa0\xc2\xb0\xc2\xb9\xc3\xa0\xc2\xb0\xc2\xbd\xc3\xa0\xc2\xb1\xcb\x9c\xc3\xa0\xc2\xb1\xe2\x84\xa2\xc3\xa0\xc2\xb1\xc2\xa0\xc3\xa0\xc2\xb1\xc2\xa1\xc3\xa0\xc2\xb2\xe2\x80\xa6-\xc3\xa0\xc2\xb2\xc5\x92\xc3\xa0\xc2\xb2\xc5\xbd-\xc3\xa0\xc2\xb2\xc3\xa0\xc2\xb2\xe2\x80\x99-\xc3\xa0\xc2\xb2\xc2\xa8\xc3\xa0\xc2\xb2\xc2\xaa-\xc3\xa0\xc2\xb2\xc2\xb3\xc3\xa0\xc2\xb2\xc2\xb5-\xc3\xa0\xc2\xb2\xc2\xb9\xc3\xa0\xc2\xb2\xc2\xbd\xc3\xa0\xc2\xb3\xc5\xbe\xc3\xa0\xc2\xb3\xc2\xa0\xc3\xa0\xc2\xb3\xc2\xa1\xc3\xa0\xc2\xb3\xc2\xb1\xc3\xa0\xc2\xb3\xc2\xb2\xc3\xa0\xc2\xb4\xe2\x80\xa6-\xc3\xa0\xc2\xb4\xc5\x92\xc3\xa0\xc2\xb4\xc5\xbd-\xc3\xa0\xc2\xb4\xc3\xa0\xc2\xb4\xe2\x80\x99-\xc3\xa0\xc2\xb4\xc2\xba\xc3\xa0\xc2\xb4\xc2\xbd\xc3\xa0\xc2\xb5\xc5\xbd\xc3\xa0\xc2\xb5\xc2\xa0\xc3\xa0\xc2\xb5\xc2\xa1\xc3\xa0\xc2\xb5\xc2\xba-\xc3\xa0\xc2\xb5\xc2\xbf\xc3\xa0\xc2\xb6\xe2\x80\xa6-\xc3\xa0\xc2\xb6\xe2\x80\x93\xc3\xa0\xc2\xb6\xc5\xa1-\xc3\xa0\xc2\xb6\xc2\xb1\xc3\xa0\xc2\xb6\xc2\xb3-\xc3\xa0\xc2\xb6\xc2\xbb\xc3\xa0\xc2\xb6\xc2\xbd\xc3\xa0\xc2\xb7\xe2\x82\xac-\xc3\xa0\xc2\xb7\xe2\x80\xa0\xc3\xa0\xc2\xb8-\xc3\xa0\xc2\xb8\xc2\xb0\xc3\xa0\xc2\xb8\xc2\xb2\xc3\xa0\xc2\xb8\xc2\xb3\xc3\xa0\xc2\xb9\xe2\x82\xac-\xc3\xa0\xc2\xb9\xe2\x80\xa0\xc3\xa0\xc2\xba\xc3\xa0\xc2\xba\xe2\x80\x9a\xc3\xa0\xc2\xba\xe2\x80\x9e\xc3\xa0\xc2\xba\xe2\x80\xa1\xc3\xa0\xc2\xba\xcb\x86\xc3\xa0\xc2\xba\xc5\xa0\xc3\xa0\xc2\xba\xc3\xa0\xc2\xba\xe2\x80\x9d-\xc3\xa0\xc2\xba\xe2\x80\x94\xc3\xa0\xc2\xba\xe2\x84\xa2-\xc3\xa0\xc2\xba\xc5\xb8\xc3\xa0\xc2\xba\xc2\xa1-\xc3\xa0\xc2\xba\xc2\xa3\xc3\xa0\xc2\xba\xc2\xa5\xc3\xa0\xc2\xba\xc2\xa7\xc3\xa0\xc2\xba\xc2\xaa\xc3\xa0\xc2\xba\xc2\xab\xc3\xa0\xc2\xba\xc2\xad-\xc3\xa0\xc2\xba\xc2\xb0\xc3\xa0\xc2\xba\xc2\xb2\xc3\xa0\xc2\xba\xc2\xb3\xc3\xa0\xc2\xba\xc2\xbd\xc3\xa0\xc2\xbb\xe2\x82\xac-\xc3\xa0\xc2\xbb\xe2\x80\x9e\xc3\xa0\xc2\xbb\xe2\x80\xa0\xc3\xa0\xc2\xbb\xc5\x93-\xc3\xa0\xc2\xbb\xc5\xb8\xc3\xa0\xc2\xbc\xe2\x82\xac\xc3\xa0\xc2\xbd\xe2\x82\xac-\xc3\xa0\xc2\xbd\xe2\x80\xa1\xc3\xa0\xc2\xbd\xe2\x80\xb0-\xc3\xa0\xc2\xbd\xc2\xac\xc3\xa0\xc2\xbe\xcb\x86-\xc3\xa0\xc2\xbe\xc5\x92\xc3\xa1\xe2\x82\xac\xe2\x82\xac-\xc3\xa1\xe2\x82\xac\xc2\xaa\xc3\xa1\xe2\x82\xac\xc2\xbf\xc3\xa1-\xc3\xa1\xe2\x80\xa2\xc3\xa1\xc5\xa1-\xc3\xa1\xc3\xa1\xc2\xa1\xc3\xa1\xc2\xa5\xc3\xa1\xc2\xa6\xc3\xa1\xc2\xae-\xc3\xa1\xc2\xb0\xc3\xa1\xc2\xb5-\xc3\xa1\xe2\x80\x9a\xc3\xa1\xe2\x80\x9a\xc5\xbd\xc3\xa1\xe2\x80\x9a\xc2\xa0-\xc3\xa1\xc6\x92\xe2\x80\xa6\xc3\xa1\xc6\x92\xe2\x80\xa1\xc3\xa1\xc6\x92\xc3\xa1\xc6\x92-\xc3\xa1\xc6\x92\xc2\xba\xc3\xa1\xc6\x92\xc2\xbc-\xc3\xa1\xe2\x80\xb0\xcb\x86\xc3\xa1\xe2\x80\xb0\xc5\xa0-\xc3\xa1\xe2\x80\xb0\xc3\xa1\xe2\x80\xb0-\xc3\xa1\xe2\x80\xb0\xe2\x80\x93\xc3\xa1\xe2\x80\xb0\xcb\x9c\xc3\xa1\xe2\x80\xb0\xc5\xa1-\xc3\xa1\xe2\x80\xb0\xc3\xa1\xe2\x80\xb0\xc2\xa0-\xc3\xa1\xc5\xa0\xcb\x86\xc3\xa1\xc5\xa0\xc5\xa0-\xc3\xa1\xc5\xa0\xc3\xa1\xc5\xa0-\xc3\xa1\xc5\xa0\xc2\xb0\xc3\xa1\xc5\xa0\xc2\xb2-\xc3\xa1\xc5\xa0\xc2\xb5\xc3\xa1\xc5\xa0\xc2\xb8-\xc3\xa1\xc5\xa0\xc2\xbe\xc3\xa1\xe2\x80\xb9\xe2\x82\xac\xc3\xa1\xe2\x80\xb9\xe2\x80\x9a-\xc3\xa1\xe2\x80\xb9\xe2\x80\xa6\xc3\xa1\xe2\x80\xb9\xcb\x86-\xc3\xa1\xe2\x80\xb9\xe2\x80\x93\xc3\xa1\xe2\x80\xb9\xcb\x9c-\xc3\xa1\xc5\x92\xc3\xa1\xc5\x92\xe2\x80\x99-\xc3\xa1\xc5\x92\xe2\x80\xa2\xc3\xa1\xc5\x92\xcb\x9c-\xc3\xa1\xc5\xa1\xc3\xa1\xc5\xbd\xe2\x82\xac-\xc3\xa1\xc5\xbd\xc3\xa1\xc5\xbd\xc2\xa0-\xc3\xa1\xc2\xb4\xc3\xa1-\xc3\xa1\xe2\x84\xa2\xc2\xac\xc3\xa1\xe2\x84\xa2\xc2\xaf-\xc3\xa1\xe2\x84\xa2\xc2\xbf\xc3\xa1\xc5\xa1-\xc3\xa1\xc5\xa1\xc5\xa1\xc3\xa1\xc5\xa1\xc2\xa0-\xc3\xa1\xe2\x80\xba\xc2\xaa\xc3\xa1\xc5\x93\xe2\x82\xac-\xc3\xa1\xc5\x93\xc5\x92\xc3\xa1\xc5\x93\xc5\xbd-\xc3\xa1\xc5\x93\xe2\x80\x98\xc3\xa1\xc5\x93\xc2\xa0-\xc3\xa1\xc5\x93\xc2\xb1\xc3\xa1\xe2\x82\xac-\xc3\xa1\xe2\x80\x98\xc3\xa1\xc2\xa0-\xc3\xa1\xc2\xac\xc3\xa1\xc2\xae-\xc3\xa1\xc2\xb0\xc3\xa1\xc5\xbe\xe2\x82\xac-\xc3\xa1\xc5\xbe\xc2\xb3\xc3\xa1\xc5\xb8\xe2\x80\x94\xc3\xa1\xc5\xb8\xc5\x93\xc3\xa1\xc2\xa0\xc2\xa0-\xc3\xa1\xc2\xa1\xc2\xb7\xc3\xa1\xc2\xa2\xe2\x82\xac-\xc3\xa1\xc2\xa2\xc2\xa8\xc3\xa1\xc2\xa2\xc2\xaa\xc3\xa1\xc2\xa2\xc2\xb0-\xc3\xa1\xc2\xa3\xc2\xb5\xc3\xa1\xc2\xa4\xe2\x82\xac-\xc3\xa1\xc2\xa4\xc5\x93\xc3\xa1\xc2\xa5-\xc3\xa1\xc2\xa5\xc2\xad\xc3\xa1\xc2\xa5\xc2\xb0-\xc3\xa1\xc2\xa5\xc2\xb4\xc3\xa1\xc2\xa6\xe2\x82\xac-\xc3\xa1\xc2\xa6\xc2\xab\xc3\xa1\xc2\xa7-\xc3\xa1\xc2\xa7\xe2\x80\xa1\xc3\xa1\xc2\xa8\xe2\x82\xac-\xc3\xa1\xc2\xa8\xe2\x80\x93\xc3\xa1\xc2\xa8\xc2\xa0-\xc3\xa1\xc2\xa9\xe2\x80\x9d\xc3\xa1\xc2\xaa\xc2\xa7\xc3\xa1\xc2\xac\xe2\x80\xa6-\xc3\xa1\xc2\xac\xc2\xb3\xc3\xa1\xc2\xad\xe2\x80\xa6-\xc3\xa1\xc2\xad\xe2\x80\xb9\xc3\xa1\xc2\xae\xc6\x92-\xc3\xa1\xc2\xae\xc2\xa0\xc3\xa1\xc2\xae\xc2\xae\xc3\xa1\xc2\xae\xc2\xaf\xc3\xa1\xc2\xae\xc2\xba-\xc3\xa1\xc2\xaf\xc2\xa5\xc3\xa1\xc2\xb0\xe2\x82\xac-\xc3\xa1\xc2\xb0\xc2\xa3\xc3\xa1\xc2\xb1-\xc3\xa1\xc2\xb1\xc3\xa1\xc2\xb1\xc5\xa1-\xc3\xa1\xc2\xb1\xc2\xbd\xc3\xa1\xc2\xb3\xc2\xa9-\xc3\xa1\xc2\xb3\xc2\xac\xc3\xa1\xc2\xb3\xc2\xae-\xc3\xa1\xc2\xb3\xc2\xb1\xc3\xa1\xc2\xb3\xc2\xb5\xc3\xa1\xc2\xb3\xc2\xb6\xc3\xa1\xc2\xb4\xe2\x82\xac-\xc3\xa1\xc2\xb6\xc2\xbf\xc3\xa1\xc2\xb8\xe2\x82\xac-\xc3\xa1\xc2\xbc\xe2\x80\xa2\xc3\xa1\xc2\xbc\xcb\x9c-\xc3\xa1\xc2\xbc\xc3\xa1\xc2\xbc\xc2\xa0-\xc3\xa1\xc2\xbd\xe2\x80\xa6\xc3\xa1\xc2\xbd\xcb\x86-\xc3\xa1\xc2\xbd\xc3\xa1\xc2\xbd-\xc3\xa1\xc2\xbd\xe2\x80\x94\xc3\xa1\xc2\xbd\xe2\x84\xa2\xc3\xa1\xc2\xbd\xe2\x80\xba\xc3\xa1\xc2\xbd\xc3\xa1\xc2\xbd\xc5\xb8-\xc3\xa1\xc2\xbd\xc2\xbd\xc3\xa1\xc2\xbe\xe2\x82\xac-\xc3\xa1\xc2\xbe\xc2\xb4\xc3\xa1\xc2\xbe\xc2\xb6-\xc3\xa1\xc2\xbe\xc2\xbc\xc3\xa1\xc2\xbe\xc2\xbe\xc3\xa1\xc2\xbf\xe2\x80\x9a-\xc3\xa1\xc2\xbf\xe2\x80\x9e\xc3\xa1\xc2\xbf\xe2\x80\xa0-\xc3\xa1\xc2\xbf\xc5\x92\xc3\xa1\xc2\xbf-\xc3\xa1\xc2\xbf\xe2\x80\x9c\xc3\xa1\xc2\xbf\xe2\x80\x93-\xc3\xa1\xc2\xbf\xe2\x80\xba\xc3\xa1\xc2\xbf\xc2\xa0-\xc3\xa1\xc2\xbf\xc2\xac\xc3\xa1\xc2\xbf\xc2\xb2-\xc3\xa1\xc2\xbf\xc2\xb4\xc3\xa1\xc2\xbf\xc2\xb6-\xc3\xa1\xc2\xbf\xc2\xbc\xc3\xa2\xc2\xb1\xc3\xa2\xc2\xbf\xc3\xa2\xe2\x80\x9a-\xc3\xa2\xe2\x80\x9a\xc5\x93\xc3\xa2\xe2\x80\x9e\xe2\x80\x9a\xc3\xa2\xe2\x80\x9e\xe2\x80\xa1\xc3\xa2\xe2\x80\x9e\xc5\xa0-\xc3\xa2\xe2\x80\x9e\xe2\x80\x9c\xc3\xa2\xe2\x80\x9e\xe2\x80\xa2\xc3\xa2\xe2\x80\x9e\xe2\x84\xa2-\xc3\xa2\xe2\x80\x9e\xc3\xa2\xe2\x80\x9e\xc2\xa4\xc3\xa2\xe2\x80\x9e\xc2\xa6\xc3\xa2\xe2\x80\x9e\xc2\xa8\xc3\xa2\xe2\x80\x9e\xc2\xaa-\xc3\xa2\xe2\x80\x9e\xc2\xad\xc3\xa2\xe2\x80\x9e\xc2\xaf-\xc3\xa2\xe2\x80\x9e\xc2\xb9\xc3\xa2\xe2\x80\x9e\xc2\xbc-\xc3\xa2\xe2\x80\x9e\xc2\xbf\xc3\xa2\xe2\x80\xa6\xe2\x80\xa6-\xc3\xa2\xe2\x80\xa6\xe2\x80\xb0\xc3\xa2\xe2\x80\xa6\xc5\xbd\xc3\xa2\xe2\x80\xa0\xc6\x92\xc3\xa2\xe2\x80\xa0\xe2\x80\x9e\xc3\xa2\xc2\xb0\xe2\x82\xac-\xc3\xa2\xc2\xb0\xc2\xae\xc3\xa2\xc2\xb0\xc2\xb0-\xc3\xa2\xc2\xb1\xc5\xbe\xc3\xa2\xc2\xb1\xc2\xa0-\xc3\xa2\xc2\xb3\xc2\xa4\xc3\xa2\xc2\xb3\xc2\xab-\xc3\xa2\xc2\xb3\xc2\xae\xc3\xa2\xc2\xb3\xc2\xb2\xc3\xa2\xc2\xb3\xc2\xb3\xc3\xa2\xc2\xb4\xe2\x82\xac-\xc3\xa2\xc2\xb4\xc2\xa5\xc3\xa2\xc2\xb4\xc2\xa7\xc3\xa2\xc2\xb4\xc2\xad\xc3\xa2\xc2\xb4\xc2\xb0-\xc3\xa2\xc2\xb5\xc2\xa7\xc3\xa2\xc2\xb5\xc2\xaf\xc3\xa2\xc2\xb6\xe2\x82\xac-\xc3\xa2\xc2\xb6\xe2\x80\x93\xc3\xa2\xc2\xb6\xc2\xa0-\xc3\xa2\xc2\xb6\xc2\xa6\xc3\xa2\xc2\xb6\xc2\xa8-\xc3\xa2\xc2\xb6\xc2\xae\xc3\xa2\xc2\xb6\xc2\xb0-\xc3\xa2\xc2\xb6\xc2\xb6\xc3\xa2\xc2\xb6\xc2\xb8-\xc3\xa2\xc2\xb6\xc2\xbe\xc3\xa2\xc2\xb7\xe2\x82\xac-\xc3\xa2\xc2\xb7\xe2\x80\xa0\xc3\xa2\xc2\xb7\xcb\x86-\xc3\xa2\xc2\xb7\xc5\xbd\xc3\xa2\xc2\xb7-\xc3\xa2\xc2\xb7\xe2\x80\x93\xc3\xa2\xc2\xb7\xcb\x9c-\xc3\xa2\xc2\xb7\xc5\xbe\xc3\xa2\xc2\xb8\xc2\xaf\xc3\xa3\xe2\x82\xac\xe2\x80\xa6\xc3\xa3\xe2\x82\xac\xe2\x80\xa0\xc3\xa3\xe2\x82\xac\xc2\xb1-\xc3\xa3\xe2\x82\xac\xc2\xb5\xc3\xa3\xe2\x82\xac\xc2\xbb\xc3\xa3\xe2\x82\xac\xc2\xbc\xc3\xa3-\xc3\xa3\xe2\x80\x9a\xe2\x80\x93\xc3\xa3\xe2\x80\x9a-\xc3\xa3\xe2\x80\x9a\xc5\xb8\xc3\xa3\xe2\x80\x9a\xc2\xa1-\xc3\xa3\xc6\x92\xc2\xba\xc3\xa3\xc6\x92\xc2\xbc-\xc3\xa3\xc6\x92\xc2\xbf\xc3\xa3\xe2\x80\x9e\xe2\x80\xa6-\xc3\xa3\xe2\x80\x9e\xc2\xad\xc3\xa3\xe2\x80\x9e\xc2\xb1-\xc3\xa3\xe2\x80\xa0\xc5\xbd\xc3\xa3\xe2\x80\xa0\xc2\xa0-\xc3\xa3\xe2\x80\xa0\xc2\xba\xc3\xa3\xe2\x80\xa1\xc2\xb0-\xc3\xa3\xe2\x80\xa1\xc2\xbf\xc3\xa3\xe2\x82\xac-\xc3\xa4\xc2\xb6\xc2\xb5\xc3\xa4\xc2\xb8\xe2\x82\xac-\xc3\xa9\xc2\xbf\xc5\x92\xc3\xaa\xe2\x82\xac\xe2\x82\xac-\xc3\xaa\xe2\x80\x99\xc5\x92\xc3\xaa\xe2\x80\x9c-\xc3\xaa\xe2\x80\x9c\xc2\xbd\xc3\xaa\xe2\x80\x9d\xe2\x82\xac-\xc3\xaa\xcb\x9c\xc5\x92\xc3\xaa\xcb\x9c-\xc3\xaa\xcb\x9c\xc5\xb8\xc3\xaa\xcb\x9c\xc2\xaa\xc3\xaa\xcb\x9c\xc2\xab\xc3\xaa\xe2\x84\xa2\xe2\x82\xac-\xc3\xaa\xe2\x84\xa2\xc2\xae\xc3\xaa\xe2\x84\xa2\xc2\xbf-\xc3\xaa\xc5\xa1\xe2\x80\x94\xc3\xaa\xc5\xa1\xc2\xa0-\xc3\xaa\xe2\x80\xba\xc2\xa5\xc3\xaa\xc5\x93\xe2\x80\x94-\xc3\xaa\xc5\x93\xc5\xb8\xc3\xaa\xc5\x93\xc2\xa2-\xc3\xaa\xc5\xbe\xcb\x86\xc3\xaa\xc5\xbe\xe2\x80\xb9-\xc3\xaa\xc5\xbe\xc5\xbd\xc3\xaa\xc5\xbe-\xc3\xaa\xc5\xbe\xe2\x80\x9c\xc3\xaa\xc5\xbe\xc2\xa0-\xc3\xaa\xc5\xbe\xc2\xaa\xc3\xaa\xc5\xb8\xc2\xb8-\xc3\xaa\xc2\xa0\xc3\xaa\xc2\xa0\xc6\x92-\xc3\xaa\xc2\xa0\xe2\x80\xa6\xc3\xaa\xc2\xa0\xe2\x80\xa1-\xc3\xaa\xc2\xa0\xc5\xa0\xc3\xaa\xc2\xa0\xc5\x92-\xc3\xaa\xc2\xa0\xc2\xa2\xc3\xaa\xc2\xa1\xe2\x82\xac-\xc3\xaa\xc2\xa1\xc2\xb3\xc3\xaa\xc2\xa2\xe2\x80\x9a-\xc3\xaa\xc2\xa2\xc2\xb3\xc3\xaa\xc2\xa3\xc2\xb2-\xc3\xaa\xc2\xa3\xc2\xb7\xc3\xaa\xc2\xa3\xc2\xbb\xc3\xaa\xc2\xa4\xc5\xa0-\xc3\xaa\xc2\xa4\xc2\xa5\xc3\xaa\xc2\xa4\xc2\xb0-\xc3\xaa\xc2\xa5\xe2\x80\xa0\xc3\xaa\xc2\xa5\xc2\xa0-\xc3\xaa\xc2\xa5\xc2\xbc\xc3\xaa\xc2\xa6\xe2\x80\x9e-\xc3\xaa\xc2\xa6\xc2\xb2\xc3\xaa\xc2\xa7\xc3\xaa\xc2\xa8\xe2\x82\xac-\xc3\xaa\xc2\xa8\xc2\xa8\xc3\xaa\xc2\xa9\xe2\x82\xac-\xc3\xaa\xc2\xa9\xe2\x80\x9a\xc3\xaa\xc2\xa9\xe2\x80\x9e-\xc3\xaa\xc2\xa9\xe2\x80\xb9\xc3\xaa\xc2\xa9\xc2\xa0-\xc3\xaa\xc2\xa9\xc2\xb6\xc3\xaa\xc2\xa9\xc2\xba\xc3\xaa\xc2\xaa\xe2\x82\xac-\xc3\xaa\xc2\xaa\xc2\xaf\xc3\xaa\xc2\xaa\xc2\xb1\xc3\xaa\xc2\xaa\xc2\xb5\xc3\xaa\xc2\xaa\xc2\xb6\xc3\xaa\xc2\xaa\xc2\xb9-\xc3\xaa\xc2\xaa\xc2\xbd\xc3\xaa\xc2\xab\xe2\x82\xac\xc3\xaa\xc2\xab\xe2\x80\x9a\xc3\xaa\xc2\xab\xe2\x80\xba-\xc3\xaa\xc2\xab\xc3\xaa\xc2\xab\xc2\xa0-\xc3\xaa\xc2\xab\xc2\xaa\xc3\xaa\xc2\xab\xc2\xb2-\xc3\xaa\xc2\xab\xc2\xb4\xc3\xaa\xc2\xac-\xc3\xaa\xc2\xac\xe2\x80\xa0\xc3\xaa\xc2\xac\xe2\x80\xb0-\xc3\xaa\xc2\xac\xc5\xbd\xc3\xaa\xc2\xac\xe2\x80\x98-\xc3\xaa\xc2\xac\xe2\x80\x93\xc3\xaa\xc2\xac\xc2\xa0-\xc3\xaa\xc2\xac\xc2\xa6\xc3\xaa\xc2\xac\xc2\xa8-\xc3\xaa\xc2\xac\xc2\xae\xc3\xaa\xc2\xaf\xe2\x82\xac-\xc3\xaa\xc2\xaf\xc2\xa2\xc3\xaa\xc2\xb0\xe2\x82\xac-\xc3\xad\xc5\xbe\xc2\xa3\xc3\xad\xc5\xbe\xc2\xb0-\xc3\xad\xc5\xb8\xe2\x80\xa0\xc3\xad\xc5\xb8\xe2\x80\xb9-\xc3\xad\xc5\xb8\xc2\xbb\xc3\xaf\xc2\xa4\xe2\x82\xac-\xc3\xaf\xc2\xa9\xc2\xad\xc3\xaf\xc2\xa9\xc2\xb0-\xc3\xaf\xc2\xab\xe2\x84\xa2\xc3\xaf\xc2\xac\xe2\x82\xac-\xc3\xaf\xc2\xac\xe2\x80\xa0\xc3\xaf\xc2\xac\xe2\x80\x9c-\xc3\xaf\xc2\xac\xe2\x80\x94\xc3\xaf\xc2\xac\xc3\xaf\xc2\xac\xc5\xb8-\xc3\xaf\xc2\xac\xc2\xa8\xc3\xaf\xc2\xac\xc2\xaa-\xc3\xaf\xc2\xac\xc2\xb6\xc3\xaf\xc2\xac\xc2\xb8-\xc3\xaf\xc2\xac\xc2\xbc\xc3\xaf\xc2\xac\xc2\xbe\xc3\xaf\xc2\xad\xe2\x82\xac\xc3\xaf\xc2\xad\xc3\xaf\xc2\xad\xc6\x92\xc3\xaf\xc2\xad\xe2\x80\x9e\xc3\xaf\xc2\xad\xe2\x80\xa0-\xc3\xaf\xc2\xae\xc2\xb1\xc3\xaf\xc2\xaf\xe2\x80\x9c-\xc3\xaf\xc2\xb4\xc2\xbd\xc3\xaf\xc2\xb5-\xc3\xaf\xc2\xb6\xc3\xaf\xc2\xb6\xe2\x80\x99-\xc3\xaf\xc2\xb7\xe2\x80\xa1\xc3\xaf\xc2\xb7\xc2\xb0-\xc3\xaf\xc2\xb7\xc2\xbb\xc3\xaf\xc2\xb9\xc2\xb0-\xc3\xaf\xc2\xb9\xc2\xb4\xc3\xaf\xc2\xb9\xc2\xb6-\xc3\xaf\xc2\xbb\xc2\xbc\xc3\xaf\xc2\xbc\xc2\xa1-\xc3\xaf\xc2\xbc\xc2\xba\xc3\xaf\xc2\xbd-\xc3\xaf\xc2\xbd\xc5\xa1\xc3\xaf\xc2\xbd\xc2\xa6-\xc3\xaf\xc2\xbe\xc2\xbe\xc3\xaf\xc2\xbf\xe2\x80\x9a-\xc3\xaf\xc2\xbf\xe2\x80\xa1\xc3\xaf\xc2\xbf\xc5\xa0-\xc3\xaf\xc2\xbf\xc3\xaf\xc2\xbf\xe2\x80\x99-\xc3\xaf\xc2\xbf\xe2\x80\x94\xc3\xaf\xc2\xbf\xc5\xa1-\xc3\xaf\xc2\xbf\xc5\x93]/: Range out of order in character class\n    at new RegExp (<anonymous>)\n    at Object.<anonymous> (parsePhoneNumber.js:23)\n    at r (bootstrap:63)\n    at Object.<anonymous> (Leniency.js:246)\n    at r (bootstrap:63)\n    at Object.<anonymous> (findNumbers.js:5)\n    at r (bootstrap:63)\n    at Module.<anonymous> (index.js:1)\n    at r (bootstrap:63)\n    at Object.<anonymous> (main.scss:3)\n

这是我的 webpack 配置：

const CopyWebpackPlugin = require("copy-webpack-plugin");\nconst AssetsPlugin = require("assets-webpack-plugin");\nconst webpack = require("webpack");\n\nmodule.exports = {\n    output: {\n …

我开始在另一个项目中使用故事书，我之前已经在另一个存储库中使用过 SCSS @import 来工作，但我一生都无法弄清楚出了什么问题。

./src/components/Navigation/style.scss 中的错误（./node_modules/react-scripts/node_modules/css-loader/dist/cjs.js??ref--8-1!./node_modules/react-scripts/ node_modules/postcss-loader/src??postcss!./node_modules/react-scripts/node_modules/sass-loader/lib/loader.js??ref--8-3!./node_modules/babel-loader/lib!. /node_modules/style-loader!./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/components/Navigation/style.scss) 模块构建失败（来自 ./node_modules/反应脚本/node_modules/sass-loader/lib/loader.js):

@import '../../styles/vars/colors'; ^

“'”后的 CSS 无效：预期有 1 个选择器或 at 规则，但为“'use strict';”

我的 webpack 配置在 .storybook 中

const path = require('path');

module.exports = {
  entry: ['@babel/polyfill'],

  devtool: 'eval-source-map',
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: ['babel-loader'],
      },
      {
        test: /\.stories\.jsx?$/,
        loaders: [require.resolve('@storybook/addon-storysource/loader')],
      },
      {
        test: /\.(scss|css)$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
            options: {
              sourceMap: true,
              import: true,
              importLoaders: 1,
            },
          },
          {
            loader: 'sass-loader', …

我正在尝试配置 webpack 将自定义 SCSS 样式插入到影子 DOM 节点中，而不是插入到文档的头部。Shadow DOM 节点的位置并不总是一致的，因此传递元素以动态插入样式的能力是关键。

该文档style-loader引用了一个可以在配置中使用的函数，insert该函数允许创建函数以指定要添加样式的位置。导入样式并使用参数调用use函数target是该示例指定要添加样式的其他元素的方式。

我遇到的问题是options插入函数中调用的第二个参数始终未定义。该element参数存在并包含正确的自定义样式标记内容，但从options未定义指定将这些样式添加到何处的对象，因此样式最终会添加到文档头，这不是所需的结果。

这是我的相关 webpack 代码：

    module: {
    rules: [
        {
            test: /\.css$/i,
            exclude: /\.lazy\.css$/i,
            use: ['style-loader', 'css-loader'],
        },
        {
            test: /\.scss$/,
            exclude: /\.lazy\.scss$/i,
            use: ['style-loader', 'css-loader', 'sass-loader'],
        },
        {
            test: /\.lazy\.scss$/i,
            use: [
                {
                    loader: 'style-loader',
                    options: {
                        injectType: 'lazyStyleTag',
                        insert: function insertIntoTarget(element, options) {
                            var parent = null;
                            if (!options) {
                                parent = document.head;
                            } …

我正在开发一个使用Webpack捆绑模块的Web应用程序.无论出于何种原因,将Firebase引入应用程序都会导致Webpack抛出错误.Webpack尝试加载Firebase模块时发生此错误.

我如何从Webpack中排除Firebase,但仍然可以调用

import Firebase from 'firebase';

从我的JS文件中？

以下是错误的一些屏幕截图.

pic1 pic2

如何构建我的.scss使用webpack？我可以找到更少的装载机和css装载机,但不能scss.这和Sass一样吗？我一直被引用到Sass但语法不同

我想用 webpack 3.8 将几个标准库捆绑成两个文件 bundle.js 和 bundle.css

这是我的 webpack.config.js：

const webpack = require('webpack');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const path = require("path");

module.exports = {
  entry: {
    'vendor': [
      'jquery',
      'popper.js',
      'bootstrap',
    ],

  },

    output: {
    path: path.resolve(__dirname, 'public/js'),
    filename: 'bundle.js'
  },

  module: {
              rules:[
                    {
                    test: /\.css$/,
                    use: ExtractTextPlugin.extract({
                      fallback: "style-loader",
                      use: "css-loader"
                    })
                  }
                ],


  },

  plugins: [

    new webpack.optimize.UglifyJsPlugin({
      uglifyOptions: {
        compress: true 
      }
    }),

    new ExtractTextPlugin("styles.css"),

  ]
};

运行 webpack 后，我只得到 bundle.js 文件：

    Asset    Size  Chunks                    Chunk …

您好，我正在尝试通过我的 vue2js SPA 中的 webpack style-loader 加载 bootstrap css。

我安装了样式加载器，npm install --save-dev css-loader我已经把它放在devDependiecies了package.json. 我还在我的webpack.conf.js 中添加了以下内容：

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

然后我安装了 bootstrap css throught

npm install bootstrap@4.0.0-beta.3

我做的最后一件事是在 main.js 中导入 bootstrap css

import '../node_modules/bootstrap/dist/css/bootstrap.css'
import '../node_modules/bootstrap-vue/dist/bootstrap-vue.css'

我也试过这样：

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

像这样：

import './../node_modules/bootstrap/dist/css/bootstrap.css'
import './../node_modules/bootstrap-vue/dist/bootstrap-vue.css'

这不起作用在命令行中给我这个错误（服务器启动后）：

未找到 ./src/main.js 模块中的错误：错误：无法解析“C:\Users\Adm\Documents\TheStockerTrader”中的“../node_modules/bootstrap-vue/dist/bootstrap-vue.css” src' @ ./src/main.js 7:0-62 @ 多主

未找到 ./src/main.js 模块中的错误：错误：无法解析“C:\Users\Adm\Documents\TheStockerTrader”中的“style-loader”@ ./src/main.js 6:0-58 @多主

而 chrome 控制台中的这个错误：

解析 …