webpack配置

 我来答
大沈他次苹0B
2022-06-24 · TA获得超过7324个赞
知道大有可为答主
回答量:3059
采纳率:100%
帮助的人:177万
展开全部

一个打包工具

npm install --save-dev webpack : 安装Webpack
npm install webpack webpack-cli --save-dev :此工具用于在命令行中运行 webpack

webpack 开箱即用,可以无需使用任何配置文件。webpack 会假定项目的入口起点为 src/index.js ,然后会在 dist/main.js 输出结果,并且在生产环境开启压缩和优化。
在package.json文件中添加命令,然后通过npm run build即可运行打包

但是通常项目还需要继续扩展此能力,为此可以在项目根目录下创建一个 webpack.config.js 文件,然后 webpack 会自动使用它。

也可以根据特定情况使用不同的配置文件,则可以通过在命令行中使用 --config flag 修改此配置文件名称。

每个html页面都有一个入口点,单页面应用:一个入口起点;多页面应用:多个入口起点

mode?: "development" | "production" | "none";
。。。。。

(webpack 提供合理的默认值,但是还是可能会修改一些解析的细节)

条件的输入值由两种,

在条件中,对 resource 进行匹配的属性有 test / include / exclude / resource

在条件中,对 issuer 进行匹配的属性有 issuer

注:当使用多个条件属性时,需要同时满足,当属性条件为数组时,满足数据中的一个即可

可以对匹配规则的模块进行 应用loader 或者 解析选项对象

oneOf?: RuleSetRule[];
rules?: RuleSetRule[];

webpack配置示例:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式