缘自世界

webpack中eslint使用首先，要使webpack支持eslint，就要要安装 eslint-loader ，命令如下:npm install --save-dev eslint-loader在 webpack.config.js 中添加如下代码：{ test: /\.js$/, loader: 'eslint-loader', enforce:

在开发人员还在体会webpack3.x的余韵时，webpack4.x已经悄然而来。而对使用者来说，最期待的问题无外乎如下：新版本与旧版本相比都有哪些改变？webpack3.x到webapck4.x的迁移？使用webpack4.x我们应该注意什么？webpack的新特性webpack 作为构建工具的强大之处在于：可以在 webpack.config.js 中配置很多独特的功能；...

我之前写过一篇文章webpack4带来了什么，这篇文章优点照猫画虎的意思，文章中说明了一些什么，但好像是还没有说透，感觉不是那么好，所以下定决心，在写一篇，可能这一篇也有不足，但后续还会继续补充。话不多说，下面进入正文。webpack4.x提出的一个口号是实现0配置，也就是说，我们不用添加配置文件webpack.config.js，就可以实现构建打包的目的。因为，webpack4.x之前的版本，...

如何使用webpack构建多页面应用，这是一个我一直在想和解决的问题。网上也给出了很多的例子，很多想法。猛一看，觉得有那么点儿意思，但仔细看也就那样。使用webpack这个构建工具，可以使我们少考虑很多的问题。我们常见的单页面应用只有一个页面，它考虑问题，解决问题围绕着中心化去解决，因此很多麻烦都迎刃而解。如果你使用过vue.js，那么想必你一定用过vue-router，vuex，它们就是典型...

这里的hash主要从两个方面来说。一个是webpack生成的hash，另一个是页面链接中的hash，如：http://localhost:8080/ywbk.html#restaurant中的#restaurant。后者在单页面应用的路由处理中经常用到。webpack中的hashwebapck每次构建都会生成一个新的hash(主要用于生产环境)。它的作用就是用来标记构建生成的状态，通常使用的...

lodash作为一个比较常用的前端开发工具集，在使用webpack进行vendor分离的实践中，会遇到将整个lodash文件分离到vendor.js的问题。这样会使vendor.js文件变得特别大。webpack.config.js文件代码如下：var path = require('path');module.exports = mode => { return { ...

最近，一直尝试使用webpack做多页面应用的开发。并且一个实际的项目为原型，实现对一个静态的企业站进行优化。原站点地址，测试站点地址。如果想要做一个自己个个人博客，或者企业官网来说，有一定的参考意义。webpack的resolve.alias在做模块化开发的过程中，有一个需要解决的问题就是引用模块的路径问题。注：在webpack中，每一个文件（不管是js，css, html，还是图片等）...