Javascript 如何在将watch与Webpack一起使用时忽略文件夹
我有以下功能:Javascript 如何在将watch与Webpack一起使用时忽略文件夹,javascript,webpack,webpack-dev-server,webpack-4,webpack-watch,Javascript,Webpack,Webpack Dev Server,Webpack 4,Webpack Watch,我有以下功能: export default function(path, urlKey = 'static') { if (urlKey === 'static') { path = require(`~/static${path}`).default; } urlKey = Object.keys(config.app.urls).includes(urlKey) ? urlKey : 'static'; return (config.a
export default function(path, urlKey = 'static') {
if (urlKey === 'static') {
path = require(`~/static${path}`).default;
}
urlKey = Object.keys(config.app.urls).includes(urlKey) ? urlKey : 'static';
return (config.app.urls[urlKey] + '/' + path).replace(/([^:]\/)\/+/g, "$1");
};
如您所见,我使用的是动态的require
,我相信它利用了require.context
。当我的webpack绑定时,它会在静态文件夹中构建所有文件。路径的~/static
部分是根目录中我的static
文件夹的别名
当使用webpack的watch
模式时,捆绑进入了一个无休止的循环
我尝试过各种方法,例如监视选项。忽略了和,但这两种方法都不起作用
以下是我对上述解决方案的两次尝试:
watchOptions: {
ignored: /static/
}
及
有人能告诉我这里缺少什么吗?我也经历了无休止的重建问题。经过多次尝试,我终于能够通过在我的webpack.dev.config.js中使用WatchinorePlugin排除static文件夹:
我也经历了无休止的重建问题。经过多次尝试,我终于能够通过在我的webpack.dev.config.js中使用WatchinorePlugin排除static文件夹:
你为什么给网页2和4贴标签?你肯定在用一个或另一个,而不是两个。你帮了大忙了(哈哈哈)我不能在本地复制这个。手表模式不会“无休止地循环”。您需要提供一个可复制的示例。为什么要标记Webpack2和Webpack4?你肯定在用一个或另一个,而不是两个。你帮了大忙了(哈哈哈)我不能在本地复制这个。手表模式不会“无休止地循环”。您需要提供一个可复制的示例。
plugins:[
new WatchIgnorePlugin([
path.resolve(__dirname, '..', 'static')
]),
]
devWebpackConfig = merge(baseWebpackConfig, {
...
plugins: [
...
new webpack.WatchIgnorePlugin([
path.resolve(__dirname, '../static')
])