webpcak的一些笔记

1.ngrunt/gulp和webpack有什么不同呢?

grunt/gulp更加强调的是前端流程的自动化,模块化不是它的核心。

webpack更加强调模块化开发管理,而文件压缩合并、预处理等功能,是他附带的功能。

2.为什么全局安装后,还需要局部安装呢?

在终端直接执行webpack命令,使用的全局安装的webpack

当在package.json中定义了scripts时,其中包含了webpack命令,那么使用的是局部webpack

3.loader使用过程:

步骤一:通过npm安装需要使用的loader

步骤二:在webpack.config.js中的modules关键字下进行配置

4.打包css,和less遇到的问题及解决方法

版本不兼容会导致打包失败,需找到适配的版本

document.writeln内记得加引号

5.el和template模板的关系

el用于指定Vue要管理的DOM,可以帮助解析其中的指令、事件监听等等。

而如果Vue实例中同时指定了template,那么template模板的内容会替换掉挂载的对应el的模板。

6.loader和plugin区别

ploader主要用于转换某些类型的模块,它是一个转换器。

pplugin是插件,它是对webpack本身的扩展,是一个扩展器。

7.plugin的使用过程:

步骤一:通过npm安装需要使用的plugins(某些webpack已经内置的插件不需要安装)

步骤二:在webpack.config.js中的plugins中配置插件。

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

相关阅读更多精彩内容

  • 认识webpack webpcak是基于JS应用的前端模块化打包工具,强调模块化(核心)和打包。流行打包工具:we...
    似朝朝我心阅读 1,165评论 0赞 1
  • 什么是Vue.js Vue.js是目前最火的一个前端框架,React是最流行的一个前端框架,(React除了开发网...
    EEEEsun阅读 762评论 0赞 1
  • React框架学习 React的起源和发展 起初facebook在建设instagram(图片分享)的时候嘞,因为...
    hcySam阅读 815评论 0赞 1
  • webpack 一. 认识webpack 1.1. webpack介绍 什么是webpack? 这个webpack...
    coderwhy阅读 13,936评论 6赞 78
  • 2018年8月25日更新,目前 webpack 已经更新值 4.17.1 ,本文所用到的各种库或多或少有些过时,跟...
    AizawaSayo阅读 321评论 0赞 2

友情链接更多精彩内容