webpack.js 复习笔记2 配置文件

Bertha 。 2021-10-23 15:30 318阅读 0赞

新建一个webpack-demo工程，然后在根目录下建一个webpack.config.js文件，格式如图

![426690-20170418221336368-204246459.png][]

1、单个文件打包模式,webpack.config.js

{
      entry: './src/app.js',
      output: {
        filename: 'bundle.js',
        path: __dirname + '/build'
      }
    }

2、如果有另一个文件webpack.dev.config.js

运行命令为 webpack --config webpack.dev.config.js

或者，在package.json里面定义一个脚本

![426690-20170418223058931-1521765213.png][]

然后运行脚本 npm run webpack  即可

2、entry为数据的情况

在src/script下建立a.js

function helloChina(){
      alert('hello china')
    }

webpack.config.js

module.exports = {
      entry: ['./src/script/main.js','./src/script/a.js'],
      output: {
        path: __dirname + '/dist/js',
        filename: 'bundle.js'
      }
    }

运行 npm run webpack

![426690-20170418224538556-868334081.png][]

3、entry为对象的时候，多文件多输出

webpack.config.js

module.exports = {
      entry: {
        main: './src/script/main.js',
        a: './src/script/a.js'
      },
      output: {
        path: __dirname + '/dist/js',
        filename: '[name].js'
      }
    }

转载于:https://www.cnblogs.com/xudy/p/6730843.html

[426690-20170418221336368-204246459.png]: /images/20211023/e23fd634ac1947c582ab5ea969d59d28.png
[426690-20170418223058931-1521765213.png]: /images/20211023/193426240b0f4100a8e739b3da925769.png
[426690-20170418224538556-868334081.png]: /images/20211023/65a9b420e7fd48a78f0c07420f012171.png

发表评论取消回复

表情：

评论列表（有 0 条评论，318人围观）

还没有评论，来说两句吧...

相关阅读

相关 Spring-LogBack笔记(2) - 配置文件

Spring-LogBack笔记(2) - 配置文件日志相关的配置可以通过xml文件来配置默认配置是resource目录下的logback.xml也可以通过loggin

落日映苍穹つ/ 2023年07月15日 09:07/ 0 赞/ 38 阅读

相关 [Linux] 文件系统（复习笔记）

@磁盘分区磁盘使用前需要对其进行分区磁盘的分区分为主分区和扩展分区受限制于磁盘的分区表大小（MBR大小为512字节，其中分区表占64字节），每个分区信息使用1

àì夳堔傛蜴生んèń/ 2022年12月31日 01:17/ 0 赞/ 164 阅读

相关 [Linux] 文件和目录的权限（复习笔记）

@文件隐藏属性 lsattr 查看文件隐藏属性，chattr 添加删除文件隐藏属性设置了a属性的文件，即便是root用户也不能删除它，可以以append的方式继续向该文件

怼烎@/ 2022年12月30日 13:50/ 0 赞/ 252 阅读

相关 SpringBoot复习笔记之配置-02

目录 1 配置文件 1.1 配置文件的类型 1.2 配置的动态绑定 1.3 配置文件的优先级 1.4 多环境的配置 --------------------

女爷i/ 2022年11月03日 11:42/ 0 赞/ 188 阅读

相关 Redis 学习笔记2：redis.conf配置文件详解

Redis 的配置文件位于 Redis 安装目录下，文件名为 redis.conf。 ![20160719115130229][] 参数说明：

古城微笑少年丶/ 2022年09月23日 12:52/ 0 赞/ 226 阅读

相关 MSSQL复习笔记

1 什么是SQL语句 sql语言：结构化的查询语言。（Structured Query Language），是关系数据库管理系统的标准语言。它是一种解释语言：写

骑猪看日落/ 2022年08月22日 05:48/ 0 赞/ 226 阅读

相关 HDPCD-Java-复习笔记（2）

2.编写MapReduce应用程序（Writing MapReduce Applications）一个MapReduce程序由两个主要阶段组成（A MapRedu

喜欢ヅ旅行/ 2022年06月07日 03:28/ 0 赞/ 260 阅读

相关 mybatis学习笔记(2):conf文件配置项

在配置文件中配置项必须按一定的顺序配置，否则会报错，顺序如下: properties settings typeAliases typeHandler

素颜马尾好姑娘i/ 2022年05月21日 04:55/ 0 赞/ 232 阅读

相关 java基础复习笔记(3)----集合框架(2)

1.存储对象可以考虑数组，集合 2.数组 Student\[\] stu = new Student\[\]; stu\[0\] = new Student();…

水深无声/ 2022年03月14日 09:56/ 0 赞/ 322 阅读

相关 webpack.js 复习笔记2 配置文件

新建一个webpack-demo工程，然后在根目录下建一个webpack.config.js文件，格式如图 ![426690-20170418221336368-204246

Bertha 。/ 2021年10月23日 15:30/ 0 赞/ 319 阅读