const path = require('path'); const webpack = require('webpack'); const jquery = require('jquery'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ExtractTextPlugin = require("extract-text-webpack-plugin"); const UglifyJSPlugin…

Web.config Transformation Syntax for Web Application Project Deployment Other Versions   Updated: May 2011 Web.config files typically include settings that have to be different depending on which environment the application is running in. For example…

前后端分离的项目开发中,我们有开发环境.测试环境.预生产环境和生产环境. 1.开发环境下调试接口的时候,一般都会有好几个接口地址(开发服务器上的,本地的,接口开发人员的,七七八八的接口地址),要根据情况手动来切换接口地址. 2.打包时要部署项目到不同的环境,而这也需要每次都根据情况切换接口地址. 虽说手动来切换地址是可以满足需求的,但是这种方式实属不是一种较为优雅的处理方式.那么,我们换一种优雅一点的方式来解决. 通过修改配置文件,让启动和打包项目时根据不同的命令,达到预期的结果. 下面就以Vu…

最近公司要求用vue重构项目,还涉及到模块化开发,于是乎,我专门花了几天的时间研究了一下webpack这个目前来看比较热门的模块加载兼打包工具,发现上手并不是很容易,现将总结的一些有关配置的心得分享出来,欢迎大神来拍砖... 一.新建一个项目目录,cd /d 定位进去,然后输入npm init,会提示你填写一些项目的信息,一直回车默认就好了,或者直接执行npm init -y 直接跳过,这样就在项目目录下生成了一个package.json文件. 二.接下来就是通过npm安装项目依赖项,命令行输入…

这里的文件的作用是负责设置env环境变量和日志. index.js try { require('dotenv').load({silent: true}); //dotenv从一个.env文件中读取环境变量到process.env中 //process.env会返回一个所有环境变量的对象 } catch (error) { console.log('没有.env文件,将会从 process.env 中读取'); } var extend = require('util')._extend; /…

说明 Vue.Grunt.Webpack的知识请看官方网站 Grunt Tasks:构建.开发调试.打包,命令:grunt build,grunt default,grunt zipall... Webpack:编译Vue.压缩文件 http2:启动http/2服务,命令 node http2.js server:启动http/1.x服务,命令:node server.js 配置 webpack.config.js var path = require('path') var webpack =…

package.json "scripts": { "init": "webpack --progress --config webpack.dev.config.js", "dev": "webpack-dev-server --inline --hot --compress --history-api-fallback --config webpack.dev.config.js", "bui…

七天学会SALTSTACK自动化运维 (2) 导读 Grains Pillar 总结 参考链接 导读 上一篇主要介绍了安装和基本的使用方法,但是我认为如果理解了相关概念的话,使用会更加顺手,因为毕竟每一个组件都是有理由这么做的,并不是乱做的,所以一定要理解这些概念是什么意思,为什么要这样做,然后必要的时候再去debug代码. 这里主要介绍Grains和Pillar 这2个概念. 接下来会分别介绍Saltstack中的核心概念,核心概念理解之后,应用起来才会得手,对于trouble shootin…

一.前言 总结下最近工作上在移动端实现的一个跑马灯效果,最终效果如下: 印象中好像HTML标签的'marquee'的直接可以实现这个效果,不过 HTML标准中已经废弃了'marquee'标签 既然HTML标准已经废弃了这个标签,现在工作上用的是Vue,所以想着能不能自己也发布一个基于Vue的文字跑马灯组件包,这样别人可以通过npm install ...就可以用,想想还有点激动,于是开始我的第一个npm组件之旅! 二.用npm发布一个包 有点惭愧,之前通过npm install ...安装pac…

这是Webpack+React系列配置过程记录的第六篇.其他内容请参考: 第一篇:使用webpack.babel.react.antdesign配置单页面应用开发环境 第二篇:使用react-router实现单页面应用路由 第三篇:优化单页面开发环境:webpack与react的运行时打包与热更新 第四篇:React配合Webpack实现代码分割与异步加载 第五篇:分离Webpack开发环境与生产环境的配置 第六篇:在React中使用Redux 这篇文章的主要内容包括: 1. 修改一下之前存在的…