![](https://img-blog.csdnimg.cn/20200512160649598.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
打包所有的脚本
不起眼的皮皮虾
这个作者很懒,什么都没留下…
展开
-
Webpack多页面配置
//就是最终的webpack配置文件,我希望开发环境与生产环境都使用它//就可以接收到启动命令里面的参数var isDev = false; //定义了一个变量,用来保存是否是开发环境 if (process.env.abc === "development") { isDev = true;} const path = require('path');const HTM...原创 2020-04-21 18:14:41 · 587 阅读 · 0 评论 -
webpack+sass+babel+postcss配置
webpack+sass+babel+postcss配置webpack.config.js配置const path = require('path');//JS与CSS分割插件const ExtractPlugin = require('extract-text-webpack-plugin');const webpack = require('webpack');//HTML代码生成...原创 2020-04-21 18:12:29 · 340 阅读 · 0 评论 -
Webpack开发环境配置
webpack入门教程二开发环境配置接入门教程一处理CSS的兼容性通过postcss-loader来处理css的兼容性我们可以通过post-css来处理我们的css兼容性,通过autoprefixer这个插件来让webpack自动为我们的css添加前缀安装postcss-loader与autoprefixer$ cnpm install postcss-loader auto...原创 2020-04-21 18:09:19 · 431 阅读 · 0 评论 -
手动构建Webpack开发环境
手动构建Webpack开发环境初始化项目$ npm init --yes初始化完成以后,它会帮我们生成一个package.json文件,这是项目的基本信息安装项目的依赖项$ cnpm install webpack@3 webpack-dev-server@2 --save-dev一定要记得, 这个地方后面跟着的是--save-dev代表的是开发环境依赖新建文件夹sr...原创 2020-04-21 18:03:59 · 131 阅读 · 0 评论 -
WebPack基础教程
WebPack基础教程WebPack是目录前端用于构建自动化开发的一款非常流行的工具,与之前的gulp和grunt功能非常相似,它们都是一款通过JavaScript来构建Web网站的自动化工具!本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependenc...原创 2020-04-21 17:59:50 · 335 阅读 · 0 评论