Javascript 如何让html加载器处理html';s脚本';什么是src? 使用Webpack生成静态HTML
我已经使用Webpack作为绑定器设置了一个静态网站生成器,以便生成依赖关系树并处理找到的依赖关系(CSS、图像、JS等) 为此,我管理了html加载程序的选项来处理具有Javascript 如何让html加载器处理html';s脚本';什么是src? 使用Webpack生成静态HTML,javascript,webpack,webpack-html-loader,Javascript,Webpack,Webpack Html Loader,我已经使用Webpack作为绑定器设置了一个静态网站生成器,以便生成依赖关系树并处理找到的依赖关系(CSS、图像、JS等) 为此,我管理了html加载程序的选项来处理具有src或href属性的元素 { test: /\.html$/, use: [ { loader: 'file-loader', options: { name: '[name].html',
src
或href
属性的元素
{
test: /\.html$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].html',
},
},
{ loader: 'extract-loader' },
{
loader: 'html-loader',
options: {
attrs: [':src', 'link:href'],
},
},
]
}
如何繁殖
可以找到完整的代码
我得到了什么
HTML被正确处理,链接/URL被正确替换,javascript资产除外。既不输出块,也不替换脚本的src
属性
我的配置中有什么遗漏吗
我是否遇到html加载程序或网页包错误?可能会有所帮助:。但是为什么不在index.js文件中使用js文件(入口点)我的入口点需要HTML文件(实际上是Nunjucks模板)。然后,我希望每个模板都能够加载自己的捆绑包……您是否成功地完成了您试图完成的任务?不幸的是,我没有成功地实现这一点,因此我坚持使用我们的内部解决方案
npm i
npm start