Webpack 2.1.0-beta.6配置文件没有为Windows上的样式拾取加载器

时间:2016-04-28 13:28:43

标签: windows less webpack

我试图在Windows Server 2008,Babel 6和Node 4.3上使用webpack 2.1.0-beta.6的样式,css,less和文件加载器。如果webpack有这个加载器配置:

  loaders: [
    {
      test: /\.less$/,
      loaders: ['style-loader', 'css-loader', 'less-loader']
    },
    {
      test: /.gif$/,
      loader: 'file'
    },

    {
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
      query: {
        presets: ['es2015-native-modules']
      }
    }

导入require('../styling/my-style.less')失败并带有

  错误在../styling/my-less.less模块​​解析失败:   ...... /我-style.less   出乎意料的人物' @' (1:0)您可能需要一个合适的装载机   处理此文件类型。 | @import" other.css&#34 ;;   ./my-js.js 8:0-38

然而,

require('style!css!less!../styling/my-style.less')有点作品。至少在它到达.gif文件之前。

  

错误在../styling/themes/base/images/animated-overlay.gif模块中   解析失败:   .. \造型\主题\基地\影像\动画,overlay.gif   意外的角色' ' (1:7)你可能需要一个合适的装载机   处理此文件类型。 (此二进制文件省略了源代码)@   ./~/css-loader!./~/less-loader!../styling/my-style.less   10:46994-47046

我的webpack配置在我的src目录中,而样式是一个并行目录

  • SRC
    • webpack.config.js
    • my-js.js //文件从样式进行导入
  • 造型
    • MY-style.less

1 个答案:

答案 0 :(得分:1)

因为在module.exports下我没有module包装我的装载机,所以我的装载机都没有被拿起来。

module.exports.loaders //doesn't work and require acts like there aren't loaders associated with the file type

module.exports.module.loaders //works