分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

webpack 使用配置文件

发布时间:2023-09-06 01:12责任编辑:赖小花关键词:配置webpack

webpack入门     大多数项目会需要很复杂的设置,这就是为什么webpack要支持配置文件。这比在终端中输入大量命令要高效的多,所以让我们常见一个取代CLI选项方式的配置文件

新建 webpack.config.js 

const path = require(‘path‘);module.exports = { ?entry: ‘./src/index.js‘,//设置入口文件 ?output: { ???filename: ‘bundle.js‘,//生成的输出文件名称 ???path: path.resolve(__dirname, ‘dist‘)//输出文件的路径 ?}};

构建配置文件:

./node_modules/.bin/webpack --config webpack.config.js

运行结果:

Hash: ff6c1d39b26f89b3b7bbVersion: webpack 2.2.0Time: 390ms ???Asset ???Size ?Chunks ???????????????????Chunk Namesbundle.js ?544 kB ??????0 ?[emitted] ?[big] ?main ??[0] ./~/lodash/lodash.js 540 kB {0} [built] ??[1] (webpack)/buildin/global.js 509 bytes {0} [built] ??[2] (webpack)/buildin/module.js 517 bytes {0} [built] ??[3] ./src/index.js 278 bytes {0} [built]

tip:如果 webpack.config.js 存在,则 webpack 命令将默认选择使用它。我们在这里使用 --config 选项只是向你表明,可以传递任何名称的配置文件。这对于需要拆分成多个文件的复杂配置非常有用。

webpack 使用配置文件

原文地址:http://www.cnblogs.com/xiaofenguo/p/7567673.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved