zoukankan      html  css  js  c++  java
  • webpack如何配置打包多个文件

      前言

      一般webpack默认打包后生成的js文件名叫main.js

      若设置filename属性,可更改默认打包出的文件名,比如下面打包出来的文件名是bundle.js

      

       下面2种写法等价

      

      

      场景

      如果现在有这样一个需求,把index.js文件打包2次,第一个文件叫main.js,第二个文件叫bundle.jsentry应该怎么配置呢?

      

       如上配置会报错,提示你打包后的2js文件都叫bundle.js

      

      配置

      如下配置即可,name指代entry里的键名mainbundle,打包的时候就分别把文件放入对应键名中

      

       打包后的生成的2个文件都会被引入html(这是因为我们使用了HtmlWebpackPlugin插件)

      

      之前写过一篇关于HtmlWebpackPlugin插件的博文:https://www.cnblogs.com/tu-0718/p/12145122.html 

      补充

      还有一个场景,把打包后生成的index.html文件给后端,作为一个后端的入口文件,所有的js文件上传到CDN服务器上,

        同时,让打包后生成的main.jsbundle.js文件前面也把CDN域名带上,比如  https://cdnjs.com

        在output中配置publicPath属性

      

       

  • 相关阅读:
    ES6、ES7、ES8特性
    【react】XXX项目环境搭建
    map
    vector
    list
    米勒素数模板
    POJ-2421-Constructing Roads(最小生成树 普利姆)
    HDU1301 Jungle Roads(Kruskal)
    Truck History(prime)
    phpstorm快捷键和激活
  • 原文地址:https://www.cnblogs.com/tu-0718/p/12170148.html
Copyright © 2011-2022 走看看