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
Webpack Web包开发服务器问题,入口点热更换_Webpack_Webpack Dev Server - Fatal编程技术网

Webpack Web包开发服务器问题,入口点热更换

Webpack Web包开发服务器问题,入口点热更换,webpack,webpack-dev-server,Webpack,Webpack Dev Server,我对webpack有一个问题,特别是热重新加载功能。为此,我正在使用webpack dev服务器库。除了入口点之外,它在所有javascript文件中都表现出色,因为某些奇怪的原因,入口点没有被自动热替换。下面是我正在使用的webpack.config.js文件。任何帮助都将不胜感激,因为我们目前已失去联系 Webpack.config.js const path=require(“路径”); const webpack=需要(“webpack”); const CleanWebpackPlu

我对webpack有一个问题,特别是热重新加载功能。为此,我正在使用webpack dev服务器库。除了入口点之外,它在所有javascript文件中都表现出色,因为某些奇怪的原因,入口点没有被自动热替换。下面是我正在使用的webpack.config.js文件。任何帮助都将不胜感激,因为我们目前已失去联系

Webpack.config.js

const path=require(“路径”);
const webpack=需要(“webpack”);
const CleanWebpackPlugin=require('clean-webpack-plugin');
const HtmlWebpackPlugin=require('html-webpack-plugin');
const CopyWebpackPlugin=require('copy-webpack-plugin');
module.exports={
条目:[“/src/hello.js”,“/src/scss/custom.scss”],
模式:“发展”,
输出:{
文件名:“bundle.js”,
path:path.resolve(uu dirname,“dist”)
},
开发服务器:{
contentBase:“./dist”,
watchContentBase:正确
},
devtool:“内联源映射”,
插件:[
新的CleanWebPackagePlugin(),
新建webpack.HotModuleReplacementPlugin(),
新HtmlWebpackPlugin({
哈什:没错,
标题:“我最棒的应用程序”,
标题:“你好,世界”,
模板:'./src/index.html',
文件名:'./index.html'//相对于应用程序的根目录
}),
新的CopyWebpackPlugin([
{上下文:'./src/scripts/',从:'***.html',到:'./'},
{context:'./src/',from:'assets/*',to:'./'},
]),
新的webpack.HotModuleReplacementPlugin()
],
模块:{
规则:[
{
测试:/\(scss)$/,
使用:[
{
//通过注入``标记将CSS添加到DOM中
加载器:“样式加载器”
},
{
//将“@import”和“url()”解释为类似于“import/require()”,并将解析它们
加载器:“css加载器”
},
{
//网页包的加载器,用于使用PostSS处理CSS
加载器:“postss加载器”,
选项:{
插件:函数(){
返回[
需要('autoprefixer')
];
}
}
},
{
//加载SASS/SCSS文件并将其编译为CSS
加载器:“sass加载器”
}
]
},    
{
测试:/\(png | svg | jpg | gif)$/,
使用:[“文件加载器”]
}
]
}

};所以我自己设法解决了这个问题。基本上,这是两个相互冲突的步骤,这两个步骤凌驾于彼此的结果之上。罪魁祸首是CopyWebpackPlugin步骤,特别是复制资产的步骤。这在某种程度上是用旧版本的index.js文件覆盖了dist文件夹中的index.js文件。不完全确定这个旧文件是从哪里来的,但一旦我按照下面的说明确定了步骤,问题就解决了

新建CopyWebpackPlugin([
{上下文:“./src/scripts/”,从:“***/*.html”到:“./”},
{从:“./src/assets”到:“assets”}
]),