编译时候出现此报错：
Failed to compile.
./node_modules/antd/lib/checkbox/style/index.less
Module build failed:
@import "../../style/themes/default";
@import "./mixin";
^
Can't resolve './mixin' in '/Users/wangjie19/Documents/code/websit/reactsite/node_modules/antd/lib/checkbox/style'
in /Users/wangjie19/Documents/code/websit/reactsite/node_modules/antd/lib/checkbox/style/index.less (line 2, column 0)
webpack配置：
constpath=require('path');
constwebpack=require('webpack');
constautoprefixer=require('autoprefixer');
constHtmlWebpackPlugin=require('html-webpack-plugin');
constCaseSensitivePathsPlugin=require('case-sensitive-paths-webpack-plugin');
constInterpolateHtmlPlugin=require('react-dev-utils/InterpolateHtmlPlugin');
constWatchMissingNodeModulesPlugin=require('react-dev-utils/WatchMissingNodeModulesPlugin');
consteslintFormatter=require('react-dev-utils/eslintFormatter');
constModuleScopePlugin=require('react-dev-utils/ModuleScopePlugin');
constpaths=require('./paths');
// 服务器目录设置
constpublicPath='/';
constpublicUrl='';
module.exports={
devtool:'cheap-module-source-map',
entry:[
require.resolve('react-dev-utils/webpackHotDevClient'),
paths.appIndexJs
],
output:{
path:paths.appBuild,
pathinfo:true,
filename:'static/js/build-[hash].js',
chunkFilename:'static/js/[name]-chunk.js',
publicPath:publicPath
},
resolve:{
// 可以允许在require或者import的时候省略扩展名
extensions:['.web.js','.js','.json','.web.jsx','.jsx'],
alias:{
// 别名
}
},
module:{
strictExportPresence:true,
rules:[
{
test:/\.(js|jsx)$/,
enforce:'pre',
use:[
{
options:{
formatter:eslintFormatter,
eslintPath:require.resolve('eslint')
},
loader:require.resolve('eslint-loader')
}
],
exclude:"/node_modules/",
include:paths.appSrc
},
{
test:[/\.bmp$/,/\.gif$/,/\.jpe?g$/,/\.png$/],
loader:require.resolve('url-loader'),
options:{
limit:10000,
name:'static/mdeia/[name]-[hash:6].[ext]'
}
},
{
test:/\.(js|jsx)$/,
include:paths.appSrc,
loader:require.resolve('babel-loader'),
options:{
cacheDirectory:true
}
},
{
test:/\.(css|less)$/,
exclude:"/node_modules/",
use:[
require.resolve('style-loader'),
{
loader:require.resolve('css-loader'),
options:{
importLoaders:1
}
},
{
loader:require.resolve('postcss-loader'),
options:{
indent:'postcss',
plugins:()=>{
require('postcss-flexbugs-fixes'),
autoprefixer({
browsers:[
'>1%',
'last 4 versions',
'Firefox ESR',
'not ie < 9',// React doesn't support IE8 anyway
],
flexbox:'no-2009'
})
}
}
},
{
loader:require.resolve('less-loader')
}
]
},
{
exclude:[
/\.html$/,
/\.(js|jsx)$/,
/\.(css|less)$/,
/\.json$/,
/\.bmp$/,
/\.gif$/,
/\.jpe?g$/,
/\.png$/
],
loader:require.resolve('file-loader'),
options:{
name:'static/media/[name].[hash:8].[ext]',
}
}
]
},
plugins:[
newHtmlWebpackPlugin({
inject:true,
template:paths.appHtml,
favicon:paths.faviconIco
}),
newwebpack.NamedModulesPlugin(),
newwebpack.HotModuleReplacementPlugin(),
newCaseSensitivePathsPlugin(),
newWatchMissingNodeModulesPlugin(paths.appNodeModules)
],
node:{
dgram:'empty',
fs:'empty',
net:'empty',
tls:'empty',
child_process:'empty'
},
performance:{
hints:false,
}
};
.babelrc
{
"presets": [
"react",
[
"env",
{
"targets": {
"browsers": ["last 2 versions","ie >= 7"],
"node":"current"
}
}
]
],
"plugins": [
[
"import",
{
"libraryName":"antd",
"style":true
}
]
]
}
网友评论