Javascript 网页包静态站点构建

我的网站是一个HTML静态网站，其中包括几个JS文件。我只想使用Webpack来帮助我构建（合并、丑陋、最小化）JS文件。然后，我将把index.html托管在S3上，并通过cloudfront提供它，这样我就不会有任何后端

我有

index.html

，

style.css

和一些JavaScript文件。当我使用

webpack

构建时，所有

.js

文件都内置到

bundle script.js

中。如果我在本地打开站点，

index.html

文件无法从

bundle script.js

访问函数。 我尝试过

“webpack-p”

，但没有成功。 据我所见，Webpack似乎需要在后台运行nodejs服务器，以支持热重新加载功能

在

package.json

build中设置为webpack<代码>“构建”：“网页包”

这是我的

webpack.config.js

我的方法正确吗？我如何配置一个网页，使其只执行为我构建的静态操作

const path=require（'path'）；
const webpack=require（'webpack'）；
const HtmlWebpackPlugin=require（'html-webpack-plugin'）；
const ExtractTextPlugin=require（“提取文本网页包插件”）；
const StaticSiteGeneratorPlugin=require（'static-site-generator-webpack-plugin'）；
常量配置={
目标：“网络”，
条目：“./src/home.js”，
输出：{
path:path.resolve（uu dirname，'build'），
文件名：“bundle script.js”
},
模块：
{
规则：[
//CSS:scss，csss
{
测试：/\.css$/,，
用法：ExtractTextPlugin.extract({
回退：“样式加载器”，
使用：“css加载程序”
})
}
]
},
插件：[
新HtmlWebpackPlugin({
模板：“src/index.html”
}),
新的ExtractTextPlugin（“style.css”），
新的webpack.DefinePlugin({
“process.env”：{
“节点环境”：“生产”`
}
}),
新静态站点生成器插件({
爬网：没错
})
]
};
module.exports=config您的起始页是home.js，因此所有构建代码都是make home.js文件或任何其他？home.js是起始页，所有.js文件都是require方法所必需的，例如require（“./search”）；