美文网首页
webpack打包多页应用

webpack打包多页应用

作者: Victor_818 | 来源:发表于2019-05-14 14:10 被阅读0次

假设有两个入口文件home.js和other.js需要打包

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

module.exports = {
    mode: 'development',
    entry: {
        home: './src/index.js',
        other: './src/other.js'
    },
    output: {
        filename: '[name].js',
        path: path.resolve( __dirname, 'dist' )
    },
    plugins: [
        new HtmlWebpackPlugin ({
              template: './index.html',
              filename: 'home.html',
              chunks: ['home']
        }),
        new HtmlWebpackPlugin ({
              template: './index.html',
              filename: 'home.html',
              chunks: ['other']
        })
    ]
}

相关文章

  • webpack 入门 2

    多页应用打包 例如 webpack.config.js 内容 7.resolve 配置(webpack 如何寻找模...

  • webpack多页应用打包

    场景:有两个页面 index.html, other.html主入口文件分别为:index.js 和 other...

  • webpack打包多页应用

    假设有两个入口文件home.js和other.js需要打包

  • webpack常用配置

    这里记录一下webpack常用配置打包多页应用 html-webpack-plugin loader 让 webp...

  • react学习笔记

    使用webpack打包react多页应用 demo地址: https://github.com/zhuweileo...

  • webpack基础(六)打包多页

    webpack打包多页

  • Webpack高级

    1.多页应用打包 在webpack.config.js中修改入口和出口配置 // 1. 修改为多入口 entr...

  • webpack优化之玩转代码分割和公共代码提取

    前言 开发多页应用的时候,如果不对webpack打包进行优化,当某个模块被多个入口模块引用时,它就会被打包多次(在...

  • vue扩展相关

    一、概念 Webpack   Webpack是一个前端打包工具,前端代码为什么要打包呢?因为单页应用程序中用到很多...

  • 前端工程化

    场景 前后端完全分离前后端分离还看是单则应用还是多页应用单页应用用webpack,比较强势。 多页应用用webpa...

网友评论

      本文标题:webpack打包多页应用

      本文链接:https://www.haomeiwen.com/subject/ghesaqtx.html