摘要: webpack安装大于4.x版本(没有配置webpack.config.js)webpack 输出参数-o 高版本 如果安装的webpack版本大于4+,还需要安装webpack-cli.在没有配置webpack.config.js之前,还需要配置输出参数webpack ./src/main.js ./dist/bundle.js //没有配置输出参数 -o/没有配置输出参数 -oWAR... 阅读全文
posted @ 2019-12-10 20:12 明奴 阅读(1504) 评论(0) 推荐(0) 编辑
摘要: webpack安装低于4版本(没有配置webpack.config.js) webpack 无需配置输出参数-o 低版本 1.初始化项目 npm init -y 初始化项目 2.安装webpack@3.6.0版本 npm i webpack@3.6.0 -g 安装webpack@3.6.0版本 3. 阅读全文
posted @ 2019-12-10 20:11 明奴 阅读(1319) 评论(0) 推荐(0) 编辑
摘要: 什么是webpack以及为什么使用它新建 模板 小书匠 在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具。因为开发时用的是高级语法开发,效率非常高,但很可惜的是,浏览器未必会支持或认识这些语法,此时需要使用打包工具进行转化变换,并处理好各模块间的依赖关系,最后将其进行整合打包。webpack就是其中一个佼佼者,其核心在于让我们可能进行模块化开发,并且会帮助我们处理模块间的依赖关系。不... 阅读全文
posted @ 2019-12-10 20:09 明奴 阅读(1368) 评论(0) 推荐(0) 编辑
摘要: 所有的JavaScript项目都是在终端输入npm init -y进行项目初始化,如果要自定义项目规则,去掉 -y 参数。vscode终端快捷键ctrl+`初始化运行上述命令后,项目内会新建一个package.json文件,打开该文件如下:package.jsonpackage.json文件内部就是一个JSON对象,该对象的每一个成员就是当前项目的一项设置。比如name就是项目名称,versio... 阅读全文
posted @ 2019-12-10 10:51 明奴 阅读(398) 评论(0) 推荐(0) 编辑
摘要: webpack前置知识1(模块化开发)新建 模板 小书匠 在开始对模块化开发进行讲解之前,我们需要有这么一个认识,即在没有过多第三方干扰时,成本低收益高的事物更容易获得推广和信赖。模块化开发就是这样的事物,它具有以下优点1.开发效率高1.1各模块并行开发1.2复用性高2.可维护性高上面的文字生涩难懂,到底什么是模块化开发?我们知道一个成熟稳健的社会,模块化是必然的,即社会分工是明确的。最初的网页... 阅读全文
posted @ 2019-12-10 10:50 明奴 阅读(273) 评论(0) 推荐(0) 编辑