84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
Gunakan html-webpack-plugin只能将应用的bundle.js untuk menulis ke html, tetapi vendor yang dijana oleh dll tidak boleh ditulis.
html-webpack-plugin
bundle.js
Anda boleh menggunakan add-asset-html-webpack-plugin untuk menambah fail yang dibungkus pada html. Petikan dengan cara berikut, atau rujuk templat vue-2.0 saya
Kalau suka boleh bagi bintang
new HtmlWebpackPlugin({ filename: itemPath, template: template, inject: true, title: item.title || 'Document', chunks: chunks, chunksSortMode: 'dependency', }), new AddAssetHtmlPlugin([{ filepath: path.resolve(__dirname, config.build.dll.basePath, config.build.dll.fileName), outputPath: utils.assetsPath('common/js/'), publicPath: path.join(config.build.publicPath, 'common/js'), includeSourcemap: true }])
Soalan dan jawapan: 1. Gunakan vendor.js生成到/dll/, 2 untuk menggunakan sintaks templat html-webpack-plugin
vendor.js
/dll/
<body> <script src="<%= htmlWebpackPlugin.optiions.vendor %>"></script> </body>
3. Tetapkan webpack.dev.config.js
//... plugins:[ new HTMLPlugin({ template: './src/template.html', filename: 'index.html' vendor: '/dll/' + manifest.name + '.js/' //manifest就是dll生成的json }) ]
Hanya untuk persekitaran pembangunan
Anda boleh menggunakan add-asset-html-webpack-plugin untuk menambah fail yang dibungkus pada html.
Petikan dengan cara berikut, atau rujuk templat vue-2.0 saya
Kalau suka boleh bagi bintang
Soalan dan jawapan:
1. Gunakan
vendor.js
生成到/dll/
,2 untuk menggunakan sintaks templat html-webpack-plugin
3. Tetapkan webpack.dev.config.js
Hanya untuk persekitaran pembangunan