webpack 4.0 学习日志(二)——配置文件 webpack.config.js

1、创建webpack.config.js 位于项目根目录下。

touch webpack.config.js

文件内输入:

module.exports = {
  entry: './src/app.js', // 输入文件路径
  output: {
    filename: 'app.bundle.js'  // 打包输出文件,不用写“'./dist/app.bundle.js'”,直接写文件就可以自行生成./dist/app.bundle.js,
  }
};
2、打包命令

npm run build //命令之后自动生成/dist/app.bundle.js

由于在4版本后由于我们配置了 :

 "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
  },

所以webpack指令会报错

以上为初步了解下配置文件

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,864评论 0 21
  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 11,590评论 2 71
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,349评论 7 110
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 5,704评论 0 1
  • 1、下面的输出结果是什么?有何不同?why? 从左向右执行,数字和字符串相加,数字会隐式转换为字符串类型 2、实现...
    嘻哈章鱼小丸子阅读 3,923评论 4 10

友情链接更多精彩内容