Как я могу ввести источник пакета перед кодом в теле с помощью HtmlWebpackPlugin?

Question

Я использую карту Google api с webpack, Чтобы создать карту google, она должна загружать файл пакета перед загрузкой API js-файла. но HtmlWebpackPlugin размещает файл сложения в нижней части элемента body. Как загрузить пакет перед файлом пакета? Это мой webpack.config.js ниже.

const webpack = require('webpack'); var HtmlWebpackPlugin = require('html-webpack-plugin'); var path = require('path'); 

module.exports = { 
    entry: ['webpack/hot/dev-server',"./public/entry.js"], 
    output: { 
     path: path.resolve(__dirname, 'dist'), 
     filename: "bundle-[hash].js", 
     publicPath: path.resolve(__dirname, '/') 
    }, 
    devServer: { 
     hot: true, 
     inline: true 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style-loader!css-loader" }, 
      { test: /\.jade$/, loader: "pug-loader"} 
     ] 
    }, 
    plugins: [ 
     new webpack.ProvidePlugin({ 
      '$': 'jquery', 
      'jQuery': 'jquery', 
     }), 
     new HtmlWebpackPlugin({ 
      template: './views/index.jade', 
     }) 
    ], 
    devServer: { 
     historyApiFallback: true 
    } }; 

console screenshot

Answer 1

Попробуйте это:

new HtmlWebpackPlugin({ 
    template: './views/index.jade', 
    inject: 'body' 
}) 

INJECT: (true | 'head' | 'body' | false)
INJECT все активы данного шаблона или templateContent - При прохождении верно или «тело» все ресурсы javascript будут помещены внизу f элемент тела. «head» поместит скрипты в элемент head.

См. Configuration docs для более подробной информации.