
webpack
this.name
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack插件compression-webpack-plugin配合nginx进行gzip压缩,提高http请求速度
背景:gzip是一种文件压缩格式,浏览器可以自动解压这种格式,服务器返回的是gzip的格式文件时,response的头部会有Content-Encoding: gzip这样的头部告诉浏览器:“我返回的是gzip格式文件,你要用对应的方法去解压它”方式:有两种方式可以让服务器返回的资源是gzip压缩文件:一、在服务器端开启压缩http请求的目标文件,比如nginx(我只会ngi...原创 2020-01-09 15:20:46 · 3242 阅读 · 0 评论 -
vue2-preview 生产环境打包报错
情况:vue项目里使用了vue2-preview插件,但是在npm run build的时候打包报错原因:因为vue2-preview插件里使用了ES6的语法,而我的webpack的babel-loader配置把node_modules文件下的代码除外了 { test: /\.js$/, use: 'babel-loader', exclude: /node_...原创 2019-10-28 13:35:15 · 1980 阅读 · 0 评论 -
webpack从0到1的配置(五)
webpack从0到1的配置(一)webpack从0到1的配置(二)webpack从0到1的配置(三)webpack从0到1的配置(四)到此为止我们只有一个npm run build命令,但是我们写vue项目一般会有两个命令,一个npm run dev,启动开发环境,一个npm run build 打包生产环境的代码。npm run dev 相当于把自己的电脑当中服务器,开...原创 2019-07-23 17:54:55 · 377 阅读 · 0 评论 -
webpack从0到1的配置(六)
webpack从0到1的配置(一)webpack从0到1的配置(二)webpack从0到1的配置(三)webpack从0到1的配置(四)webpack从0到1的配置(五)到此为止,webpack配置文件只有一个,下面我们要写三个配置文件,分别是webpack.base.config.js(开发和生产环境相同的配置)、webpack.dev.config.js(开发环境下的配置)...原创 2019-07-23 17:56:42 · 337 阅读 · 0 评论 -
webpack从0到1的配置(七)
webpack从0到1的配置(一)webpack从0到1的配置(二)webpack从0到1的配置(三)webpack从0到1的配置(四)webpack从0到1的配置(五)webpack从0到1的配置(六)接着讲webpack.prod.config.js的配置我们在生产环境下使用optimize-css-assets-webpack-plugin 插件来打包的时候压缩c...原创 2019-07-23 17:50:27 · 467 阅读 · 0 评论 -
webpack从0到1的配置(一)
这篇关于webpack学习的文章包括以下知识点:打包入口、打包出口、loaders、plugins 配置打包脚本命令npm run dev、npm run build css打包压缩,js打包压缩 启用devServer,启用一个本地服务器,可通过localhost:8080在开发环境下调试 配置开发环境、生产环境不同的配置和环境变量准备工作:新建项目文件夹webpackLear...原创 2019-07-23 17:57:48 · 606 阅读 · 1 评论 -
webpack从0到1的配置(二)
阅读本篇博客需要预先阅读webpack从0到1的配置(一)。接着上篇博客讲plugins。我们希望在打包后的项目里有index.html文件,并且自动引入main.js文件 这里需要安装插件html-webpack-plugin npm install html-webpack-plugin --save-dev 修改webpack.config.js文件const path =...原创 2019-07-23 17:51:03 · 359 阅读 · 0 评论 -
webpack从0到1的配置(三)
webpack从0到1的配置(一)webpack从0到1的配置(二)前端项目总会使用到css,jpg, png这种资源的,按照webpack打包逻辑,我们应该把它们引入到打包入口文件main.js或者main.js引入的文件里。 在src下新建assets文件夹,assets目录下新建main.css文件main.css里写入#text-p { color: blue;...原创 2019-07-23 17:52:02 · 291 阅读 · 0 评论 -
webpack从0到1的配置(四)
webpack从0到1的配置(一)webpack从0到1的配置(二)webpack从0到1的配置(三)如何将css文件打包成单独的文件,并且归类放到css文件夹下 需要下载插件 npm installmini-css-extract-plugin --save-dev 可以使css,less打包成单独的css文件,而不是嵌在js文件里面 修改webpack.config.j...原创 2019-07-23 17:53:13 · 272 阅读 · 0 评论