Javascript HtmlWebpackPlugin未添加字符集元标记
HTML网页包插件未添加Javascript HtmlWebpackPlugin未添加字符集元标记,javascript,webpack,webpack-4,Javascript,Webpack,Webpack 4,HTML网页包插件未添加 然而,它说它总是这样做: 这是我的网页包配置: resolve: { alias: { '@': path.resolve(__dirname, 'src/') } }, resolveLoader: { modules: [ 'node_modules', path.resolve(__dirname, 'scripts/webpack/loaders') ] }, entry: './src/index.js', output
然而,它说它总是这样做:
这是我的网页包配置:
resolve: {
alias: {
'@': path.resolve(__dirname, 'src/')
}
},
resolveLoader: {
modules: [
'node_modules',
path.resolve(__dirname, 'scripts/webpack/loaders')
]
},
entry: './src/index.js',
output: {
filename: 'dist.js',
path: path.resolve('www')
},
module: {
rules: [
{ test: /\.js$/, use: { loader: 'inline-template-loader', query: {} } },
{
use: [{
loader: 'file-loader',
options: {
name: '[path][name].[ext]',
context: 'src'
}
}]
},
{
test: /\.css$/,
use: [
{
loader: MiniCssExtractPlugin.loader,
options: {
publicPath: './'
}
},
'css-loader'
]
}
]
},
plugins: [
new CopyWebpackPlugin([
{ from: 'src/static', to: 'static', toType: 'dir' }
]),
new CopyWebpackPlugin([
{ from: 'certificates', to: 'certificates', toType: 'dir' }
]),
new MiniCssExtractPlugin({
filename: '[name].css',
chunkFilename: '[id].css'
}),
new HtmlWebpackPlugin({
template: './src/index.html',
hash: true,
meta: {
'format-detection': 'telephone=no',
'apple-mobile-web-app-capable': 'yes'
},
templateParameters: {
cordova: env.cordova ? '<script src="cordova.js"></script>' : ''
}
})
]
解析:{
别名:{
“@”:path.resolve(uu dirname,'src/”)
}
},
解析加载程序:{
模块:[
“节点_模块”,
解析(_dirname,'scripts/webpack/loaders')
]
},
条目:'./src/index.js',
输出:{
文件名:“dist.js”,
path:path.resolve('www')
},
模块:{
规则:[
{test://\.js$/,使用:{loader:'inline template loader',查询:{},
{
使用:[{
加载器:“文件加载器”,
选项:{
名称:'[path][name].[ext]',
上下文:“src”
}
}]
},
{
测试:/\.css$/,,
使用:[
{
加载器:MiniCssExtractPlugin.loader,
选项:{
公共路径:'./'
}
},
“css加载器”
]
}
]
},
插件:[
新的CopyWebpackPlugin([
{from:'src/static',to:'static',toType:'dir'}
]),
新的CopyWebpackPlugin([
{from:'certificates',to:'certificates',toType:'dir'}
]),
新的MinicsSextract插件({
文件名:'[name].css',
chunkFilename:“[id].css”
}),
新HtmlWebpackPlugin({
模板:'./src/index.html',
哈什:没错,
元:{
“格式检测”:“电话=否”,
“支持苹果移动网络应用程序”:“是”
},
模板参数:{
科多瓦:环境科多瓦?“”“
}
})
]
现在,我使用templateParameters中的一个变量添加了charset meta标记,并在模板中添加了一个引用,也可以直接添加到模板上。是否存在阻止自动插入字符集的网页设置
任何帮助都将不胜感激:)我找不到说明自动添加元标记的文档。感谢madflow,如果您转到上面提供的第一个链接,然后转到基本用法,这之后会有一个屏幕截图,它将生成一个文件dist/index.html,其中包含以下内容:您可以在其中看到chartset元标记:)我找不到文件,其中说明元标记是自动添加的。谢谢madflow,如果您转到上面提供的第一个链接,然后转到基本用法,这之后会有一个屏幕截图,它将生成一个文件dist/index.html,其中包含以下内容:您可以在其中看到chartset元标记:)