Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.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 网页包开发服务器不支持';t根据更改生成文件_Javascript_Webpack_Webpack Dev Server_Webpack Style Loader - Fatal编程技术网

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使用内存中的文件系统

这允许在代码更改时进行极快的增量构建。这是我们有意设计的。您可以在浏览器中查看生成的代码,而无需引用这些文件

出于构建性能的考虑,我们不推荐使用此功能,但是如果需要此功能,您可以查看插件。

但是更改会反映在您的浏览器中?但是更改会反映在您的浏览器中?