html-webpack-plugin 中使用 title选项设置模版中的 值 无效 帮忙看看撒
// 问题已解决 没发现代码有问题 重新clone了项目， 改了个template的路径 就好了 不知道发生了什么， 囧
配置
var webpack = require("webpack");
var vue = require("vue-loader");
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var HtmlWebpackPlugin = require('html-webpack-plugin');
var publicPath = "/public/assets/";
var plugins = [
new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),
new HtmlWebpackPlugin({
title: '111',
template: './resources/assets/template/index.html', // Load a custom template
inject: true // Inject all scripts into the body
}),
new HtmlWebpackPlugin({
title: '222',
filename: '../../resources/views/user.html',
template: './resources/assets/template/index.html',
inject: true,
hash: true,
cache: true
// chunks: ['vendors']
})
];
var config = {
entry: {
user:['./resources/assets/user-main.coffee'],
vendors: ['vue','jquery','vuex','vue-router']
},
output: {
path: __dirname + publicPath,
filename: '[name].js',
publicPath: publicPath,
},
module: {
loaders: [
{
test: /\.vue$/,
loader: 'vue'
},
{
test: /\.coffee$/,
exclude: /node_modules|vue\/dist|vue-router\/|vue-loader\/|vue-hot-reload-api\//,
loader: 'coffee'
}
]
},
plugins: plugins
};
module.exports = config;
模版 index.html
<!DOCTYPE html>
<html>
<head>
<title> <%= htmlWebpackPlugin.options.title %> </title>
</head>
<body>
</body>
</html>
生成 index.html 中 变量没有被替换
<!DOCTYPE html>
<html>
<head>
<title> <%= htmlWebpackPlugin.options.title %> </title>
</head>
<body>
</body>
</html>
展开
收起
1
条回答
写回答
写回答
-
你的模版文件明明是html，估计需要ejs文件才可以识别的
我的配置,webpack.config.js：var path = require('path'); var webpack = require('webpack'); var HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/main.js', output: { path: './dist', publicPath: 'dist/', filename: 'build.js' }, module: { loaders: [ { test: /\.vue$/, loader: 'vue' }, { test: /\.(png|jpg|gif)$/, loader: 'file?name=[name].[ext]?[hash]' } ] }, babel: { presets: ['es2015', 'stage-0'], plugins: ['transform-runtime'] }, plugins:[ new HtmlWebpackPlugin({ title: 'Custom template', template:"index.ejs", inject:true }) ] } if (process.env.NODE_ENV === 'production') { module.exports.plugins = [ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }), new webpack.optimize.OccurenceOrderPlugin() ] } else { module.exports.devtool = '#source-map' } index.ejs <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <title><%= htmlWebpackPlugin.options.title %></title> </head> <body> </body> </html>2019-07-17 19:00:12赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
