webpack
冰雪为融
我与我周旋久,宁做我
展开
-
vue中cross-env使用(解决跨平台设置NODE_ENV的问题)
在搭建公司前端项目的时候,package.json配置后会提示NODE_ENV不是内部或外部命令,也不是可运行的程序 或批处理文件。简单来说,就是windows不支持 NODE_ENV=development解决办法:就可以用到cross-envcross-envcross-env是跨平台设置和使用环境变量的脚本。在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样,Windows和Linux命令如何设置环境变量也有所不同.原创 2020-12-02 13:12:18 · 9609 阅读 · 0 评论 -
webpack(v4.7.0版本)的安装使用(适合初学者)
最新的webpack版本是v4.7.0(注意:因为是针对初学者,所以很多知识并没有引入进来,避免越看越糊涂,后续还会对webpack知识持续更新,希望能帮到初学的你)先简单认识一下webpack吧Webpack可以看作是模块打包机,做的事情就是,分析项目结构,找到JavaScript模块以及其他的一些浏览器不能直接运行的拓展语言(Sass,TypeScript),并将其转换和打包为合适的格式以供浏...原创 2018-05-06 13:57:59 · 2988 阅读 · 0 评论 -
webpack中html-webpack-plugin插件的使用(生成多个html页面,引入不同的js文件)
以html-webpack-plugin插件为例1、先安装插件,在命令行中输入:npm i -D html-webpack-plugin(执行完之后,在package.js的devDependencies中就多了下面的代码"html-webpack-plugin": "^3.2.0"即安装了html-webpack-plugin插件)2、在配置文件中让插件生效,在module.exports={...原创 2018-05-06 17:24:06 · 16774 阅读 · 2 评论 -
webpack中loader的使用方法,以及几个常用loader的应用小实例
loader:是webpack用来预处理模块的,在一个模块被引入之前,会预先使用loader处理模块的内容可能,你会遇到当你用webpack打包的时候,提示你需要一个loader来处理文件,那webpack中的loader就是帮助预处理下模块中的内容默认webpack只会处理js代码,所以当我们想要去打包其他内容时,让webpack处理其他类型的内容,就要使用相应的loader使用方法:1、在配置...原创 2018-05-07 21:48:26 · 16237 阅读 · 0 评论 -
webpack(v4.8.3)中对css的几种处理总结(css分离,消除冗余的css代码,自动添加浏览器内核前缀)
一、CSS分离我们知道webpack的理念就是把所有的东西都打包到js文件中,包括css、图片呀等等,好处是减少http请求,但劣势也很明显,就是随着项目越来越大,js文件也会越来越大,所以,我们就需要对css文件进行分离css分离,嗯,其实就是将css单独打包,做法很简单,需要一个插件,extract-text-webpack-plugin@next(注意:加@next是现阶段必须要加的(前提是...原创 2018-05-21 21:30:15 · 5557 阅读 · 0 评论 -
webpack中的publicPath路径问题(output和DevServer中的publicPath的作用)
在webpack的配置文件中,output和devServer中都可以设置一个publicPath属性,那么两者的作用有什么不同呢?嗯、稍微的分析一下1、publicPath在output属性里面,设置的其实是一个基础的路径,它会为我们所有的资源都应用上publicPath设置的值,然后再接上资源对应转换出来的路径,怎么理解呢,看一下例子就知道了我们在配置文件中设置了一下的值output:{ ...原创 2018-05-08 19:42:43 · 11323 阅读 · 8 评论 -
webpack(v4.8.3)中静态资源输出以及使用第三方库的两种方法
一、webpack中静态资源输出所谓静态资源输出,说白了就是一些文件不需要经过webpack处理,直接输出到指定的地方(类似于粘贴复制)实现步骤:1、npm i copy-webpack-plugin -D2、引入 const CopyWebpackPlugin = require('copy-webpack-plugin');3、使用:new CopyWebpackPlugin([{ ...原创 2018-05-22 13:36:06 · 849 阅读 · 0 评论