![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
前端
Apple_Coco
一以贯之的努力,不得懈怠的人生,每天的微小积累会决定最终结果,这就是答案。
展开
-
前端-webpack生产环境基本配置
提取 css 成单独文件css 兼容性处理压缩 cssjs 语法检查js 兼容性处理js 压缩HTML 压缩生产环境配置汇总提取 css 成单独文件下载 pluginnpm i mini-css-extract-plugin -D修改配置文件const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const MiniCssExtractP.原创 2020-07-02 00:36:49 · 286 阅读 · 0 评论 -
前端-webpack开发环境基本配置
创建配置文件打包样式资源打包 HTML 资源打包图片资源打包其他资源devserver开发环境配置汇总创建配置文件创建文件 webpack.config.js配置内容如下// node 内置核心模块,用来处理路径问题// resolve 用来拼接绝对路径的方法const { resolve } = require('path');module.exports = { // 入口起点 entry: './src/js/index.js', // .原创 2020-07-02 00:34:57 · 313 阅读 · 0 评论 -
前端-webpack初体验
初始化配置编译打包应用初始化配置初始化 package.jsonnpm init下载并安装 webpacknpm install webpack webpack-cli -gnpm install webpack webpack-cli -D编译打包应用创建文件运行文件开发环境指令:webpack src/js/index.js -o build/js/built.js --mode=development功能:webpack 能够编译打包 js 和 js.原创 2020-07-02 00:33:27 · 209 阅读 · 0 评论 -
前端-webpack概述
webpack 是什么webpack 五个核心概念webpack 是什么webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。在 webpack 看来,前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。webpack 五个核心概念Entry入口(Entry)指示 webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图。Out.原创 2020-07-02 00:31:33 · 321 阅读 · 0 评论