Javascript webpack仅监视条目
我有一个使用Webpack1.13.0的项目设置,当使用Javascript webpack仅监视条目,javascript,webpack,ecmascript-6,babeljs,Javascript,Webpack,Ecmascript 6,Babeljs,我有一个使用Webpack1.13.0的项目设置,当使用webpack--watch时,它似乎只会监视入口点文件中的更改 我有一个项目结构,其中js文件位于$root\src文件夹中,入口点文件为main.js,包含以下内容: import * as strings from 'strings' document.write(strings.sayHello('foobar')); 字符串与此文件位于同一文件夹中 export const helloWorld = 'Hello, world!
webpack--watch
时,它似乎只会监视入口点文件中的更改
我有一个项目结构,其中js文件位于$root\src
文件夹中,入口点文件为main.js
,包含以下内容:
import * as strings from 'strings'
document.write(strings.sayHello('foobar'));
字符串与此文件位于同一文件夹中
export const helloWorld = 'Hello, world!';
export function sayHello(name) {
return `Hello ${name}`;
}
export const foo = 'bar';
export const bar = 'foo';
webpack.config.js包含以下内容
module.exports = {
entry: "./src/main.js",
output: {filename: "./dist/bundle.js"},
resolve: {root: __dirname + '/src'},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader",
query: {
presets: ['es2015']
}
}
]
}
};
现在,如果我对
main.js
进行任何更改,它将重新编译,但对strings.js
的更改不会触发重新编译 问题可能是导入语句:
import * as strings from 'strings'
如果我的理解是正确的,那么当从非相对路径导入时,webpack(默认情况下)会在node_modules
中查找任何别名文件夹。这可能会解决您的问题(将'strings'
更改为'./strings
):
我有一个类似的问题与网页3 如何在我的网页配置中修复它,我将所有使用
\uuu dirname
的连接路径名更改为使用路径。解析
因此,在您的示例resolve:{root:uu dirname+'/src'}中,
应该是:
resolve:root:path.resolve(\uu dirname,/src')
此外,我发现我有一个文件系统的大小写敏感问题。我的文件系统有一个大写的目录名
/Network/index.js
我的代码正在导入/Network/index.js
。Webpack在初始运行时能够解析此路径,但在监视周期中未注册此路径。我将目录名小写,它开始工作。如果删除resolve.root
配置选项,它工作吗?我有一种感觉,那就是罪魁祸首,在这种情况下,它看起来不太必要。你解决问题了吗?我现在面临着同样的问题:(我面临着类似的问题):“webpack”上的相同问题:节点的“3.5.1”
目标
import * as strings from './strings';