webpack系列文章
trenki
这个作者很懒,什么都没留下…
展开
-
webpack之常见的loader使用(三)
1.file-loader npm install file-loader -D 主要用来加载静态文件,例如.txt .md .png .word .pdf等等。原理是把打包入口识别的资源模块,移动至输出目录,并返回一个地址名称 module: { rules: [{ test: /\.(png|jpe?g|gif)$/, //use使⽤⼀个loader可以⽤对象,字符串,两个loader需要⽤数组 use: { loader: "file-loader", // option原创 2020-07-28 09:15:58 · 666 阅读 · 0 评论 -
webpack之核心概念(二)
webpack的默认配置文件是webpack.config.js,如果不想使用这个文件,可以在package.json的script中修改命令,方法如下 "scripts": { "test": "webpack --config 文件地址.js" }, 1.webpack.config.js的基本配置 module.exports = { entry: "./src/index.js", //打包⼊⼝⽂件 output: "./dist", //输出结构 mode: "pr原创 2020-07-13 21:44:18 · 110 阅读 · 0 评论 -
webpack之安装与简单使用(一)
webpack是现在的前端工程师必须会使用的工程化工具,它的中文官网是webpack。 1.安装 创建一个新项目,进入该项目 # 安装最新的稳定版本 npm i -D webpack # 安装指定版本 npm i -D webpack@<version> # 安装最新的体验版本,不稳定,尽量不要使用在生产环境 npm i -D webpack@beta # 安装webpack V4+版本时,需要额外安装webpack-cli npm i -D webpack-cli #不推荐全局安装we原创 2020-07-05 23:24:43 · 188 阅读 · 0 评论