Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网页包需要30秒来编译_Javascript_Reactjs_Webpack_Webpack Dev Server_Webpack 4 - Fatal编程技术网

Javascript 网页包需要30秒来编译

Javascript 网页包需要30秒来编译,javascript,reactjs,webpack,webpack-dev-server,webpack-4,Javascript,Reactjs,Webpack,Webpack Dev Server,Webpack 4,我在开发中使用了一个网页,我不确定我的网页配置有什么问题,因为它占用了太多的时间,即使我在代码中做了一行更改。当我启动应用程序时,它需要30秒才能启动,并且在我随后的所有更改中都需要相同的时间 这是我的网页文件 var webpack=require('webpack'); var path=require('path'); module.exports={ 条目:{ 登录名:'./js/login.js', 进度页面:'./js/react\u进度条.js', 主页:'./js/home.j

我在开发中使用了一个网页,我不确定我的网页配置有什么问题,因为它占用了太多的时间,即使我在代码中做了一行更改。当我启动应用程序时,它需要30秒才能启动,并且在我随后的所有更改中都需要相同的时间

这是我的网页文件

var webpack=require('webpack');
var path=require('path');
module.exports={
条目:{
登录名:'./js/login.js',
进度页面:'./js/react\u进度条.js',
主页:'./js/home.js',
新的设计登陆:'./js/design\u landing.js',
入职预览:'./js/preview.js',
弹出消息:'./js/message.js'
},
输出:{
文件名:'[name].js',
//chunkFilename:'modern_theme_[name].[hash].chunk.js',
path:path.resolve(uu dirname,'dist'),
公共路径:'http://localhost:5050/'
},
模块:{
规则:[{
测试:/\.js$/,,
排除:/node_模块/,
使用:{
加载器:“巴别塔加载器”
}
},
{
测试:/\.css$/,,
使用:[{
加载器:“样式加载器”
},
{
加载器:“css加载器”,
选项:{
//模块:对,
模块:{
//我们想要保留的CSS名称也可以
//将其更改为类似以下内容[name]-[local]-[hash:base64:5]
localIdentName:“[name]”,
},
url:false
}
}
]
},
{
测试:/\.scss$/,,
使用:[{
加载器:“样式加载器”
},
{
加载器:“css加载器”,
选项:{
//模块:对,
模块:{
//我们想要保留的CSS名称也可以
//将其更改为类似以下内容[name]-[local]-[hash:base64:5]
localIdentName:“[name]-[local]”,
},
url:false
}
},
{
加载器:“sass加载器”
},
{
加载器:“sass资源加载器”,
选项:{
参考资料:'./scss/abstracts/variables.scss'
}
}
]
},
]
},
插件:[
新的webpack.DefinePlugin({
跟踪ID:“x”
NODE_ENV:JSON.stringify('production'),
服务器地址:JSON.stringify('http://localhost:5050/'),
WTU站点:JSON.stringify('http://localhost:5050')
}),
新的webpack.EnvironmentPlugin({
资产路径:“http://localhost:5050/",
服务器地址:“http://localhost:5050/",
自动注销计时器:7180000,
}),
新的webpack.IgnorePlugin(/^\.\/locale$/,/moment$/),
],
手表:没错,
监视选项:{
投票:500
},
优化:{
最小化:false
},
模式:"发展",,
devtool:false

};尝试忽略监视选项中的节点\u模块:

  watchOptions: {
    ignored: /node_modules/
  }
此外,民调的表现也普遍不佳。你为什么需要它?您是在vagrant/docker内部开发还是使用网络文件系统

不相关切线:您可能不想将NODE_ENV:production设置为用于开发,因为它会在许多库(如react、react redux等)中隐藏有用的警告