错误如下
ERROR in ./~/css-loader!./~/less-loader!./src/less/index.less
Module build failed: missing semi-colon or unrecognised media features on import
@ F:\Code\warwr1ck.xyz\src\less\index.less (line 1, column 0)
near lines:
@import "./base"
@ ./src/less/index.less 4:14-122
同时浏览器会报一个这样的错误：
Uncaught Error: Cannot find module “!!./…/…/node_modules/css-loader/index.js!./…/…/node_modules/less-loader/index.js!./index.less”
不带有@import的less文件就能编译成功
我的webpack配置文件如下：
var webpack=require('webpack'),
path=require('path'),
node_modules=path.resolve(__dirname,'node_modules/'),
pathToReact=path.resolve(node_modules,'react/dist/react.min.js'),
pathToReactDom=path.resolve(node_modules,'react-dom/dist/react-dom.min.js');
module.exports=[
{
entry:{
index:'./src/script/index.js'
},
output:{
path:'build/script',
filename:'[name].js'
},
resolve:{
alias:{
'react':pathToReact,
'react-dom':pathToReactDom
}
},
module:{
loaders:[
{
test:/\.less$/i,
loader:'style!css!less'
},
{
test:/\.js$/i,
exclude:path.resolve(__dirname,'node_modules/'),
loader:'babel'
},
{
test:/\.css/i,
loader:'style-loader!css-loader'
}
]
}
}
]