webpack
大叔0o0
just do IT
展开
-
webpack 语法(精华篇)
WebPack是什么一个打包工具一个模块加载工具各种资源都可以当成模块来处理网站 http://webpack.github.io/如今,越来越多的JavaScript代码被使用在页面上,我们添加很多的内容在浏览器里。如何去很好的组织这些代码,成为了一个必须要解决的难题。对于模块的组织,通常有如下几种方法:通过书写在不同文件中,使用script标签进行加载CommonJS进行加载(NodeJS就使...转载 2017-02-07 21:57:17 · 2483 阅读 · 0 评论 -
入门Webpack,看这篇就够了
入门Webpack,看这篇就够了 2017年12月7日更新,添加了clean-webpack-plugin,babel-env-preset,添加本文涉及到的所有代码的示例,如果你在学习过程中出错了,可点击此处参考写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一...转载 2018-03-02 15:50:59 · 157 阅读 · 0 评论 -
webpack4.0 配置说明
本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时,它会在内部创建一个依赖图(dependency graph),用于映射到项目需要的每个模块,然后将所有这些依赖生成到一个或多个bundle。webpack原理图解:Webpack的工作方式是:把你的项目当做一个整体,通过一个给...原创 2018-07-26 16:54:34 · 678 阅读 · 0 评论 -
webpack下new CleanWebpackPlugin(['..']) 插件使用中的问题
new CleanWebpackPlugin(['dist'])删除的是build目录下的dist每次构建前清空dist文件夹 ,一下是示范配置中出现的错误:1. new CleanWebpackPlugin(['./dist']) : (我的dist目录应该是和config同级的,下面的错误是包含关系)2. new CleanWebpackPlugin(['../dist...原创 2018-07-30 12:02:07 · 4725 阅读 · 1 评论 -
webpack 引入art-template 的方法
安装依赖包:npm install art-template --savenpm install art-template-loader --save-devconfig.js配置: rules: [ { test: /\.art$/, loader: "art-template-loader", ...原创 2018-07-27 19:08:46 · 1955 阅读 · 0 评论 -
webpack引入非模块化文件
webpack引入非模块化js的方法:比如我们要在webpack项目中引入 qrcodejs(生成二维码的插件),插件详细代码如下:解决办法:先安装 exports-loader 文件解析插件:npm install -D exports-loadernpm下载qrcode:cnpm install -S qrcodejs引入:// let QRCode ...原创 2018-08-06 18:01:56 · 4426 阅读 · 0 评论 -
Webpack 中 CSS 压缩插件
Optimize CSS Assets Webpack Plugin一个优化\减少CSS资源的Webpack插件。该插件有什么作用?它将在Webpack构建期间搜索CSS资源,并将优化\最小化CSS(默认情况下,它使用cssnano,但可以指定自定义CSS处理器)。 解决了extract-text-webpack-plugin CSS重复问题: 由于extract-text-web...翻译 2018-08-29 15:19:30 · 4312 阅读 · 0 评论