网页包angularjs复制angularjs模板,但不';不包括在javascript包中
我试图做的是以一种方式配置webpack,将angular 1.x指令等所需的所有部分html模板复制到一个单独的文件夹中(就像文件加载器对css引用的资产所做的那样)。我不希望部分htmls包含在我的javascript包中,而是将它们全部放在一个带有哈希名称的文件夹中 我试着配置文件加载器来完成这项工作,但当我在监视模式下运行webpack时,它还会将dist文件夹中的那些html再次复制到它,并附加一个新的散列,并且本质上会做一个无限循环,因为该文件夹中显示的每个新html都会被复制,因此一个新的html会一次又一次地出现。我试图为该加载程序设置一个网页包angularjs复制angularjs模板,但不';不包括在javascript包中,javascript,angularjs,webpack,Javascript,Angularjs,Webpack,我试图做的是以一种方式配置webpack,将angular 1.x指令等所需的所有部分html模板复制到一个单独的文件夹中(就像文件加载器对css引用的资产所做的那样)。我不希望部分htmls包含在我的javascript包中,而是将它们全部放在一个带有哈希名称的文件夹中 我试着配置文件加载器来完成这项工作,但当我在监视模式下运行webpack时,它还会将dist文件夹中的那些html再次复制到它,并附加一个新的散列,并且本质上会做一个无限循环,因为该文件夹中显示的每个新html都会被复制,因此
排除匹配模式,但webpack仍在运行,不断监视该文件夹
以下是我的webpack.config.js
文件的摘录:
module: {
loaders: [
test: /\.html$/,
exclude: /bundle\/templates/,
loader: `file-loader?name=bundle/templates/[name]-[hash].[ext]
]
}
是否有一个加载程序可以帮助我在不使用黑客的情况下完成我想要的任务?好的,我找到了答案。问题不在于文件加载器
,即使没有排除
,文件加载器也是这样正确配置的。导致无限循环的是一个动态需求,它创建了一个与复制的资产匹配的正则表达式。。。因此,通过为这个动态需求设置适当的上下文,问题得到了解决
In the webpack.config file you can use the same way like this in the loader section.
{
test: /\.html$/,
exclude: path.resolve(__dirname, 'index.html'),
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'views/'
}
},
在webpack.config文件的plugins部分
plugins: [
new HtmlWebpackPlugin({
template: 'index.html',
inject: true
}),
new ExtractTextPlugin('bundle.css')
]
这将复制所有htmls并从索引中引用。html您可以共享您的解决方案吗?它将来可能对其他人有用:)