エラーエキス・テキストのWebPACK - プラグインに

フォルダ構造を使用した場合。 Test/styles.lessで私はconfig.lessを含める必要があります。エラーエキス・テキストのWebPACK - プラグインに

@import 'config.less';

コンパイラはこのエラーを返します。

@import 'config.less';
^
Can't resolve './config.less'

（注：それは./config.less代わりのconfig.lessをロードしようとします）

この作品が含ま：

を

@import '../../../css/config.less';

しかし、非常に不便です。ここに私のwebpackの設定があります：

module.exports = { 
    output: { 
     filename: 'bundle.js', 
     publicPath: '/' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.(js|jsx)$/, 
       loader: 'babel-loader', 
       exclude: /node_modules/, 
       query: { 
        presets: [ 
         ['react'], 
         ['es2015'], 
         ['stage-0'] 
        ], 
        plugins: [ 
         ['transform-decorators-legacy'], 
         ['transform-runtime'], 
         ['transform-react-remove-prop-types'], 
         ['transform-react-constant-elements'], 
         ['transform-react-inline-elements'] 
        ] 
       } 
      }, 
      { 
       test: /\.less$/, 
       loader: extractTextPlugin.extract({ 
        publicPath: '../public', 
        use: [ 
         { 
          loader: 'css-loader' 
         }, 
         { 
          loader: 'less-loader', 
          options: { 
           plugins: [ 
            new lessPluginLists() 
           ] 
          } 
         } 
        ] 
       }), 
      } 
     ], 
    }, 
    plugins: [ 
     new webpack.NoEmitOnErrorsPlugin(), 
     new webpack.DefinePlugin({ 
      'process.env.NODE_ENV': '"production"' 
     }), 
     new webpack.DefinePlugin({ 
      'process.env.NODE_ENV': '"development"' 
     }), 
     new webpack.ProvidePlugin({ 
      'fetch': 'imports?this=>global!exports?global.fetch!whatwg-fetch' 
     }), 
     new webpack.optimize.UglifyJsPlugin({ 
      beautify: false, 
      comments: false, 
      sourceMap: true, 
      compress: { 
       sequences: true, 
       booleans: true, 
       loops: true, 
       unused: true, 
       warnings: false, 
       drop_console: true, 
       unsafe: true 
      } 
     }), 
     new extractTextPlugin({ 
      filename: 'bundle.css', 
      allChunks: true 
     }), 
     new optimizeCssAssetsPlugin({ 
      assetNameRegExp: /\.css$/g, 
      cssProcessor: require('cssnano'), 
      cssProcessorOptions: { 
       discardComments: { 
        removeAll: true 
       } 
      }, 
      canPrint: true 
     }) 
    ], 
    resolve: { 
     modules: [ 
      './node_modules', 
      path.resolve(__dirname, 'resources/assets/js'), 
      path.resolve(__dirname, 'resources/assets/css') 
     ], 
     extensions: ['.less', '.css', '.js'] 
    } 
};

このような状況では、resolve.modules設定が動作しないようです。（WebpackのresolveLoader設定も使用しようとしました）

出典

2017-10-02 Andrei Vorsa