![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 60
喵大嗷
A Coder
展开
-
require和import的区别在哪
在vue+webpack的项目中,里面有使用require来引入文件,也有的用import来引入文件,两者之间是一样的吗?两者的出身背景 ES6之前已经出现了js模块加载的方案,最主要的是CommonJS和AMD规范。commonjs主要应用于服务器,实现同步加载,如nodejs。AMD规范应用于浏览器,如requirejs,为异步加载。同时还有CMD规范,为同步加载方案如se原创 2018-01-24 11:05:51 · 3127 阅读 · 0 评论 -
webpack-dev-server页面不能自动刷新的解决
webpack-dev-server 提供了一个简单的 web 服务器,并且能够实时重新加载通过官方文档各种配置,自己实验了一把,不知道是哪里出了问题,一直实现不了实时加载,后来查阅资料,一个很简单的配置就实现了实时加载,在这里记录一下:需要先初始化webpack-dev-servernpm install webpack-dev-server --save-dev注意,如...原创 2018-04-02 17:28:53 · 8684 阅读 · 0 评论 -
webpack插件:使用HtmlWebpackPlugin在页面中使用EJS语法引用模板文件(二)
上一篇中仅仅说了使用HtmlWebpackPlugin来处理html模板,其实该插件还支持EJS的模板语法:那么我们就能把html页面的公用html代码拿出来成一个组件,需要的时候使用模板引入具体怎么做呢? 如果weboack不能直接去支持这么写,需要一个html-loader作为中介;那么第一步需要先初始化这个loader:npn install html-loade...原创 2018-03-30 18:14:21 · 8164 阅读 · 0 评论 -
webpack对html文件的处理
为什么去处理html文件 我们所有的方法都打包到了dist的文件夹下面,而我们的html是在自己定义的文件夹下面,如果自己手动再去一个一个src引入这些dist文件夹下的js,那么也有些太不靠谱了所以解决办法是:使用webpack插件:HtmlWebpackPlugin第一步:下载npm install --save-dev extract-text-webpack-pl...原创 2018-03-30 17:54:06 · 5087 阅读 · 0 评论 -
webpack对css进行单独打包
**目标:项目中所有的css文件全部打包到dist下面的css文件夹下面;**一、webpack对css的处理我们都知道webpack是可以直接去处理javascript的代码,但是对于css、image、font等,是不能直接处理的,需要使用到loader将其转化成javbascript代码片,然后在对其进行处理对于处理css,需要使用到的loader是:style-...原创 2018-03-30 16:53:16 · 10617 阅读 · 0 评论 -
webpack4笔记
对于webpack的概念类东西不多做解释,感兴趣可以去参考官方文档 ,主要记录如何去使用webpack4开始一个项目 安装好了之后,使用命令行npm init来初始化一个项目,接下来对生成的package.json文件进行处理:安装webpack 和前几个的版本一样,你可以在全局安装,也可以在项目内部安装。个人觉得可以两者都装一下,当命令行在项目中找不到,会去找全局的使用。 在命令行...原创 2018-03-30 16:52:23 · 597 阅读 · 0 评论 -
webpack提取公共模块-CommonsChunkPlugin
CommonsChunkPlugin官方文档解释: CommonsChunkPlugin 插件,是一个可选的用于建立一个独立文件(又称作 chunk)的功能,这个文件包括多个入口 chunk 的公共模块。通过将公共模块拆出来,最终合成的文件能够在最开始的时候加载一次,便存到缓存中供后续使用。这个带来速度上的提升,因为浏览器会迅速将公共的代码从缓存中取出来,而不是每次访问一个新页面时,再去加...原创 2018-03-30 16:48:52 · 5617 阅读 · 0 评论