1.查看node.js版本.npm版本和webpack版本(使用webpack4时,请确保node.js的版本>=8.9.4) 2.我先重新卸载了webpack和webpack-cli(全局) npm uninstall -g webpack-cli npm uninstall -g webpack 3.全局安装webpack-cli和webpack npm install webpack-cli -g npm install webpack -g 4.测试一下webpack4的新特性,不用配置…

每次修改都要去编译,这个操作比较繁琐.所以我们希望编译过程是自动化的,而且页面的更新也是自动化的.所以需要使用这个热替换 1.首先安装webpack-dev-server:npm install  webpack-dev-server -D(-D生产环境下) (作用为:启动服务并且能够支持热替换) 2.更改一下我们的配置文件 3.启动webpack-dev-server 因为我们没有全局安装webpack-dev-server,所以不能在终端输入webpack-dev-server去启动,我们需…

(注:如无特殊说明这里的配置文件都指的是webpack.config.js) minCssExtract 我们通常期望js和js文件一起,css和css文件一起.该插件将CSS提取到单独的文件中.它为每个包含CSS的JS文件创建一个CSS文件.它支持CSS和SourceMap的按需加载. 1.安装组件命令:npm install  mini-css-extract-plugin 2. 在配置文件中引入:const MiniCssExtractPlugin = require('mini-css-…

loader是webpack用来预处理源文件的,比如typesrcipt形式的文件最终都得转成浏览器可以执行的js文件 (注:以下的配置代码不一定与下方一摸一样,具体与官网上https://webpack.docschina.org/loaders/的为准,如无一般说明配置文件都指的是webpack.config.js) url-loader 1.先在配置文件中配置Loader(具体的配置代码去https://webpack.docschina.org/loaders/file-loader/复…

前言 上篇我们已经配置好了本地开发服务器,但是配置的相对比较凌乱,一个文件中有些是开发时用到的配置,有些是生成时用到的配置,有些是开发和生成都要用到的配置,所以我们这里把环境分为3个环境 webpack.base.config.js:webpack基础配置,开发和生成环境都需要用到的配置 webpack.dev.config.js:开发环境的配置 webpack.prod.config.js:生成环境的配置 配置分离 development(开发环境) 和 production(生产环境) 这两…

创建api应用  通过拷贝原有的应用,重命名得到新的应用 安装完 Composer,运行下面的命令来安装 Composer Asset 插件: php composer.phar global require "fxp/composer-asset-plugin:^1.2.0" 安装高级的应用程序模板,运行下面的命令: php composer.phar create-project yiisoft/yii2-app-advanced advanced 2.0.13 初始化高级模板 c…

var path = require('path') var utils = require('./utils') var config = require('../config') var vueLoaderConfig = require('./vue-loader.conf') function resolve (dir) { return path.join(__dirname, '..', dir) } module.exports = { entry: { app: './src/m…

基于HADOOP3.0+Centos7.0的yarn基础配置: 执行步骤:(1)配置集群yarn (2)启动.测试集群(3)在yarn上执行wordcount案例 一.配置yarn集群 1.配置yarn-env.sh  添加:export JAVA_HOME=/opt/module/jdk1.8.0_144 2.配置yarn-site.xml <!-- reducer获取数据的方式--> <property> <name>yarn.nodemanager.aux-ser…

webpack+babel+react+antd技术栈的基础配置 前段时间使用webpack+babel+react+antd做了一套后台管理系统,刚开始被一大堆的新知识压的喘不过气来,压力挺大的.还在一步步走来,学习了很多.那时候还不会配置,直接从网上下了别人配置好的可以跑的.之后特意花了一段时间好好研究了下webpack,后面可以直接动手做一些基本的配置.webpack很强大,还有许多要学习的地方. 最近学习了挺多知识,堆积着没有记录到博客.找机会慢慢写出,因工作需要,最近干了后端,毕竟是前…

前言 前端工程化经历过很多优秀的工具,例如 Grunt.Gulp.webpack.rollup 等等,每种工具都有自己适用的场景,而现今应用最为广泛的当属 webpack 打包了,因此学习好 webpack 也成为一个优秀前端的必备技能. 由于 webpack 技术栈比较复杂,因此作者打算分两篇文章进行讲解: 基础应用篇:讲解各种基础配置: 高级应用篇:讲解 webpack 优化以及原理. [注] 本文是基于 webpack 4.x 版本 webpack 是什么 webpack 是模块打包工具.…