Javascript 网页包开发服务器不支持';t根据更改生成文件
因此,我有以下网页包配置:Javascript 网页包开发服务器不支持';t根据更改生成文件,javascript,webpack,webpack-dev-server,webpack-style-loader,Javascript,Webpack,Webpack Dev Server,Webpack Style Loader,因此,我有以下网页包配置: import path from 'path'; module.exports = { entry: { index: './dev/index.js' }, output: { path: path.join(__dirname, 'dist'), publicPath: './dist/', filename: 'bundle.js', chunkFilename:
import path from 'path';
module.exports = {
entry: {
index: './dev/index.js'
},
output: {
path: path.join(__dirname, 'dist'),
publicPath: './dist/',
filename: 'bundle.js',
chunkFilename: '[id].bundle.js'
},
module:{
loader:{
test: /\.js$/,
exclude:path.resolve(__dirname, "node_modules"),
loader: 'js'
}
}
};
问题是,当我查看webpack时,每次更改都会在/dist/
文件夹中生成文件。然而,当我运行webpack dev server
时,文件甚至不会生成。为什么呢
请提供帮助。'webpack'将捆绑包写入磁盘,而'webpack dev server'将捆绑包加载到内存中。因此,在运行后一个命令时,您不会看到新的“bundle.js”文件出现在您的文件系统中,即使您应该看到控制台报告绑定和开发服务器启动的输出)
output.publicPath config键确定主机开发服务器上内存中捆绑包的位置。因此,如果您将publicPath设置为“dist”,那么webpack开发服务器提供的index.html将需要一个脚本标记来引用捆绑包。“webpack”将捆绑包写入磁盘,而“webpack开发服务器”将捆绑包加载到内存中。因此,在运行后一个命令时,您不会看到新的“bundle.js”文件出现在您的文件系统中,即使您应该看到控制台报告绑定和开发服务器启动的输出)
output.publicPath config键确定主机开发服务器上内存中捆绑包的位置。因此,如果您将publicPath设置为“dist”,那么webpack dev服务器提供的index.html将需要一个脚本标记来引用捆绑包。您没有看到文件发送到dist文件夹的原因是webpack dev服务器使用内存中的文件系统
这允许在代码更改时进行极快的增量构建。这是我们有意设计的。您可以在浏览器中查看生成的代码,而无需引用这些文件
出于构建性能的考虑,我们不建议使用此功能,但如果需要此功能,您可以查看插件。您没有看到文件发送到dist文件夹的原因是,webpack dev server使用内存中的文件系统
这允许在代码更改时进行极快的增量构建。这是我们有意设计的。您可以在浏览器中查看生成的代码,而无需引用这些文件
出于构建性能的考虑,我们不推荐使用此功能,但是如果需要此功能,您可以查看插件。但是更改会反映在您的浏览器中?但是更改会反映在您的浏览器中?