Javascript HtmlWebpackPlugin插件不';我什么也不输出
我需要缩小2个JS文件,并将其中一个内嵌到HTML模板中。 我有以下目录结构:Javascript HtmlWebpackPlugin插件不';我什么也不输出,javascript,webpack,html-webpack-plugin,Javascript,Webpack,Html Webpack Plugin,我需要缩小2个JS文件,并将其中一个内嵌到HTML模板中。 我有以下目录结构: - src ---- page.html ---- script-to-inline.js ---- script.js - webpack.config.js 以及以下网页包配置: const webpack = require('webpack'); const Dotenv = require('dotenv-webpack'); const HtmlWebpackPlugin = require('dote
- src
---- page.html
---- script-to-inline.js
---- script.js
- webpack.config.js
以及以下网页包配置:
const webpack = require('webpack');
const Dotenv = require('dotenv-webpack');
const HtmlWebpackPlugin = require('dotenv-webpack');
const InlineScriptWebpackPlugin = require('dotenv-webpack');
module.exports = {
context: __dirname,
mode: 'production',
entry: {
script: './src/script.js',
'script-to-inline': './src/script-to-inline.js',
},
output: {
path: __dirname,
},
plugins: [
new Dotenv(),
new HtmlWebpackPlugin({
inlineSource: './src/script-to-inline.js',
template: './src/page.html',
filename: 'page.html',
}),
new InlineScriptWebpackPlugin({
names: ['script-to-inline'],
}),
],
};
生成输出如下所示:
Hash: bb94c50e294f070b4fd1
Version: webpack 4.12.0
Time: 118ms
Built at: 2018-06-20 13:58:48
Asset Size Chunks Chunk Names
tracking-script-injector.js 1.24 KiB 0 [emitted] tracking-script-injector
tracking.js 1.28 KiB 1 [emitted] tracking
[0] ./src/tracking-script-injector.js 971 bytes {0} [built]
[1] ./src/tracking.js 630 bytes {1} [built]
看起来HtmlWebpackPlugin
甚至没有尝试读取我传递给其选项的模板
我应该做些什么来让插件处理
page.html
文件?它不工作,因为require语句没有正确引用插件(这也很奇怪,因为webpack没有对你吼叫)
应该是:
const HtmlWebpackPlugin = require('html-webpack-plugin');
不用担心,每个人都这么做
const HtmlWebpackPlugin = require('html-webpack-plugin');