辣椒就是我78571

在每个script标签中，顶层作用域即全局作用域，如果没有任何处理而直接在代码中进行变量或函数声明，就会造成全局作用域的污染，也会造成命名冲突。 模块化很容易就避免这些问题，避免冲突，合并资源减少网络开销，通过导入和导出语句我们可以清晰地看到模块间的依赖关系。 模块打包工具（m…

在开发中，我们都可以发现仅仅使用Webpack以及它的命令行工具来进行开发调试的效率并不高,每次编写好代码之后，我们需要执行npm run build命令更新js文件，然后再刷新页面，才能看到更新效果。webpack-dev-server正好解决了这个问题，是一款便捷的本地开发…

let是ES6新增的命令，用来声明变量，跟var声明变量一样。但是它俩有很大的区别。 let不像var那样会发生“变量提升”现象。所以，变量一定要在声明后使用，否则报错。 变量arg1用var命令声明，会发生变量提升，即脚本开始运行时，变量arg1已经存在了，但是没有值，所以会…

资源入口配置是Webpack配置中不可缺少的一个环节，Webpack通过context和entry这两个配置项来共同决定入口文件的路径。从英文翻译过来的字面的意思可以了解到context是上下文的意思，entry是入口，在配置入口的时候其实做了两件事情： 确定入口模块位置，告诉…

据上节文章发布已经有了两个星期了。期间收到了 1000+ 个赞，30000+ 阅读量，这是我万万没想到的。自己的文章能有这么高的关注度，真的很令人满意！ 但是相反，写文章的压力更加大了。一篇文章总是反反复复的修改，总是担心自己的认知水平和技术水平不够，甚至导致有些地方会误导读者…

在一个项目中，我们要面临着各种各样的资源，如何让Webpack很好的处理这些资源呢？这个时候我们需要借助于预处理器（loader），loader的字面意思是装载器，在Webpack中它的实际功能则更像是预处理器。Webpack本身只认识JavaScript，对于其他类型的资源必…

通过js引入样式文件只是把样式添加到style标签内，而不是引入一个独立的css文件，一般来说，在生产环境下，我们希望样式存在于CSS文件中而不是style标签中，因为文件更有利于客户端进行缓存。 Webpack社区有专门的插件：extract-text-webpack-plu…

目前比较流行的几种主要是Sass、LESS、Stylus、PostCSS，今天我主要分享的是Sass、LESS在webpack中的配置及使用情况。 Sass本身是对CSS的语法增强，它有两种语法，现在使用更多的是SCSS（对CSS3的扩充版本）。所以你会发现，在安装和配置loa…

官网解读：我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个…