webpack 4 is out! The popular module bundler gets a massive update. webpack 4, what's new? A massive performance improvement, zero configuration and sane defaults. This is a living, breathing introduction to webpack 4. Constantly updated. You'll buil…

webpack4发布以来,我写项目都是用脚手架,即使再简单的项目,真的是really shame..虽然道听途说了很多 webpack4 的特性,却没有尝试过,因为它给人的感觉就是,em...很难.但是今天我从最简单的部分开始,一点点搭建起一个项目. 0配置,配置了什么 让我们从0开始,新建一个项目,在终端执行以下语句: mkdir webpack-4-quickstart && cd webpack-4-quickstart npm init -y npm i webpack --sav…

nginx: [emerg] unknown directive "聽" in D:\software03\GitSpace\cms\nginx-1.14.0/conf/nginx.conf:36  在配置代理时重新加载时报的这个错   在网上查了下说是文件格式在保存的时候由UTF-8 但是我用的notepad++做的编辑确定是UTF-8格式 但是还是报错,于是把前面的空格去掉之后既然换了一种报错,妈蛋 nginx: [error] OpenEvent("Global\ngx…

webpack前端构建angular1.0 Webpack最近很热,用webapcak构建react,vue,angular2.0的文章很多,但是webpack构建angualr1.0的文章找来找去也没有一篇让我感觉到很满意的,好多都运行报错,所以我参考了几篇文章,写一篇webpack前端构建angular1.0的文章指南.本文适合第一次接触webpack的朋友,如果是老鸟,就不用看了. 安装 先装好node和npm,因为webpack是一个基于node的项目.然后查看node是否安装成功: n…

nignx小白一个,今天在配置nginx的时候,理所当然的用了文本编辑器编辑并保存了一下nginx的nginx.conf配置文件,一不小心就折腾了几个钟. 保存之后就nginx -s reload一下配置文件,然后发现一直没有生效,在cmd界面一直提示错误,去看log的时候,发现都是同一个错,如下: unknown directive "" in E:\canteen\nginx-1.16.0/conf/nginx.conf:3 一开始以为自己的配置文件格式搞错了,就算是把文件恢复回原…

1:Hive安装的过程(Hive启动的时候报的错误),贴一下错误,和为什么错,以及解决方法: [root@master bin]# ./hive // :: INFO Configuration.deprecation: mapred.input.dir.recursive is deprecated. Instead, use mapreduce.input.fileinputformat.input.dir.recursive // :: INFO Configuration.depreca…

不多说,直接上干货! 导读   win下安装hadoop 大家,别小看win下的安装大数据组件和使用  玩过dubbo和disconf的朋友们,都知道,在win下安装zookeeper是经常的事   Disconf 学习系列之全网最详细的最新稳定Disconf 搭建部署(基于CentOS 6.X / 7.X)(图文详解) Disconf 学习系列之全网最详细的最新稳定Disconf 搭建部署(基于Windows7 / 8 / 10)(图文详解) Disconf 学习系列之全网最详细的最新稳定Di…

之前1-3部分是webpack最基本的配置, 接下来会把项目结构和配置文件重新设计,可以扩充更多的功能模块. 一.重构webpack的配置项 1. 新建目录build,存放webpack不同的配置文件 (1) webpack.config.base.js  [保留公共的配置项,将生产环境和开发环境使用的配置项分离出去] const path = require('path') const webpack = require('webpack') const VueLoaderPlugin = r…

本篇内容 前言 配置入口和输出 热更新 loader配置 js代码压缩 html的打包与发布 前言 //全局安装 npm install -g webpack(3.6.0) npm init //安装到你的项目目录 npm install --save-dev webpack //本地化安装是防止全局的版本冲突,团队配合时也应注意node跟webpack版本的统一性 //在package.json中 "dependencies": { //生产环境相关依赖 cnpm i -S/--sa…

前言 webpack 作为前端最知名的打包工具,能够把散落的模块打包成一个完整的应用,大多数的知名框架 cli 都是基于 webpack 来编写.这些 cli 为使用者预设好各种处理配置,使用多了就会觉得理所当然,也就不在意是内部是如何配置.如果脱离 cli 开发,可能就无从下手了. 最近在开发一些单页项目时,出于需求便开始从头搭建项目配置,本文主要分享搭建时用到的配置. 准备工作 快速生成 package.json: npm init -y 必不可少的 webpack 和 webpack-cl…