我试图在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目录中,而样式是一个并行目录
答案 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