2020年3月发布的webpack的文章列表，还有webpack的技术教程_第1页

ERROR in Template execution failed: ReferenceError: htmlwebpackPlugin is not defined

ejs文件配置如下：<!DOCTYPEhtml><htmllang="zh-CN"><head><title>webpackApp</title><metacharset="utf-8"><linkrel="stylesheet"type="...

代码星球·2020-03-29

Error: webpack.optimize.UglifyJsPlugin has been removed, please use config.optimizat

按照教程上配置文件如下：varwebpack=require('webpack');varHtmlwebpackPlugin=require('html-webpack-plugin');varExtractTextPlugin=require('extract-text-webpack-plugin');varmer...

代码星球·2020-03-29

npm run dev 报错：Error: Cannot find module 'webpack-cli/bin/config-yargs'

使用npmrundev时报错：Error:Cannotfindmodule'webpack-cli/bin/config-yargs' 原因是找不到webpack-cli这个包，使用npm添加此包即可：cnpm/npmiwebpack-cli-D 然后再执行：npmrunde...

代码星球·2020-03-29

webpack

webpack是目前最热门的前端资源模块化管理和打包工具，它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的资源，还可以将按需加载的模块进行代码分离，等到实际需要的时候再按需加载。通过loader的转换，任何形式的资源都可以视作模块，比如CommonJS模块，AMD模块，ES6模块，CSS.图片，JSON,c...

IT猿·2020-03-27

Webpack 一些核心概念了解

Webpack的几个核心概念Entry：入口，Webpack执行构建的第一步将从Entry开始，可抽象成输入。Module：模块，在Webpack里一切皆模块，一个模块对应一个文件。Webpack会从配置的Entry开始递归找出所有依赖的模块。Chunk：代码块，一个Chunk由多个模块组合而成，用于代码合并与分割。L...

IT猿·2020-03-27

vue项目使用webpack构建的本地服务环境，在手机上访问调试

使用vue脚手架构建的项目，一般在本地localhost运行，配合浏览器的模拟调试工具开发。如果想看真机环境，又不想build到线上。webpack能配置电脑本地内网环境指向公网访问的！ 1、打开项目的package.json文件，修改里面的script里面的dev"scripts":{"dev":"webp...

IT猿·2020-03-27

前端开发自动化工作流工具，JavaScript自动化构建工具grunt、gulp、webpack介绍

前端开发自动化工作流工具，JavaScript自动化构建工具grunt、gulp、webpack介绍前端自动化，这样的一个名词听起来非常的有吸引力，向往力。当今时代，前端工程师需要维护的代码变得及为庞大和复杂，代码维护、打包、发布等流程也变得极为繁琐，同时浪费的时间和精力也越来越多，当然人为的错误也随着流程的增加而增加...

IT猿·2020-03-26