美文网首页
【构建工具3】webpack区分环境

【构建工具3】webpack区分环境

作者: 八宝君 | 来源:发表于2018-05-16 15:23 被阅读0次

用构建工具区分生产和开发环境

webpack.config.js

env为参数,中间部分是区分环境的一些不同处理代码。


这就是参数

这里就是带参数过来了,记得做一下env的处理,因为有的时候执行webpack并没有带参数,后面要取env.xxxx。如果env没有的话,可能会报undefined的错误,为了防止报这个错误,所以前面要对env做个处理。
后面那段的意思是,如果env有production这个参数,就将前面的plugins里再放入一个插件。(该插件只想放在生产环境中用)

如何给webpack本身修改全局变量?

image.png

写在后面的话

这个构建工具部分写的比较乱,最近忙着学习,然后赶紧找工作,所以很多都是边看视频边整理,自己实践,并且从中截图,视频都是来回播放几遍,有的部分写的比较急,可能有些乱,以后有时间会重新整理一下。
构建工具这部分以前自己也觉得很难,但是经过讲解,觉得也还是能理解出来的,推荐一下大家去看这份视频:
慕课网的《vue学习京东金融》大概是这个项目,讲的真的很详细,代码在github上也有。
这个项目主要讲的是组件化的设计思想,然后还要构建部分,我觉得很值。

相关文章

  • 【构建工具3】webpack区分环境

    用构建工具区分生产和开发环境 env为参数,中间部分是区分环境的一些不同处理代码。 这里就是带参数过来了,记得做一...

  • webpack

    webpack webpack是一个前端构建工具,前端构建工具就是把开发环境的代码转化成运行环境代码。一般来说,开...

  • webpack优化策略篇

    webpack优化策略 量化工具: 共性优化策略: 区分环境,分开配置 如何使用tree-shaking?

  • webpack 4.0 完全讲解及源码解读(1)

    webpack 4.0 完全讲解及源码解读 ​ 就目前前端环境而言,使用cli自动构建工具可以快速的构建项目完...

  • webpack简介

    目录 webpack是什么,有哪些同类工具webpack项目打包工具,项目构建工具,有什么作用构建单页应用(dis...

  • webpack简单使用

    一、webpack简介 1.webpack是什么 webpack项目打包工具,项目构建工具 2.webpack有什...

  • webpack环境区分

    webpack使用记录之一 本地开发使用webpack-dev-server在staging或者productio...

  • [webpack]初识webpack(webpack基本配置与本

    构建webpack的环境 cnpm i webpack -g cnpm i webpack --save-dev ...

  • 关于webpack自己的一些看法

    webpack是一个js模块化构建工具,通过使用loader、插件,webpack称为了一个前端构建工具。工具的作...

  • 前端面试题总结

    一.简述前端构建工具。fis3,Gulp,Grunt,Webpack www.tuicool.com/articl...

网友评论

      本文标题:【构建工具3】webpack区分环境

      本文链接:https://www.haomeiwen.com/subject/bpipdftx.html