![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
jiuweiC
这个作者很懒,什么都没留下…
展开
-
Webpack问题汇总
Webpack问题汇总1.clean-webpack-plugin only accepts an options object.描述: 1.项目结构 2.webpackconst path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const C...原创 2019-03-18 11:06:26 · 253 阅读 · 0 评论 -
Webpack4 一、入门
1.创建一个项目mkdir webpack-demo //新建项目文件夹cd webpack-demonpm init -y //利用npm初始化项目,生成package.json文件此时项目机构如下webpack-demopackage.json2.安装webpack使用npm进行安装npm install webpack webpack-cl...原创 2019-03-22 10:32:49 · 168 阅读 · 0 评论 -
webpack4 二、文件引用
文件引用1.css文件导入1.1使用介绍webpack不支持直接导入样式文件,需要使用相应的loader才能导入和使用css-loader //是webpack可以处理css文件style-loader //将css-loader处理完的文件变成style标签插入header里面安装npm install --save-dev style-loader css-loader...原创 2019-03-28 10:06:22 · 262 阅读 · 0 评论 -
webpack4 三、项目打包
直接执行webpack命令 会自动寻找根目录下的webpack.config.js,根据这个配置文件构建项目方案一、直接使用命令行能通过参数命令行执行例如npx webpack --watch方案二、配合npm脚本在npm里面使用脚本脚本里面使用命令行代码"scripts": { "test": "echo \"Error: no test specified\" &...原创 2019-03-28 10:07:46 · 195 阅读 · 0 评论 -
webpack4 四、输出文件管理
输出文件管理html文件需要引用js依赖,如果chunck name是根据[name]、[id]、[hash]、[chunkhash]自动生成的,每次依赖的文件名,可能不一致。使用插件自动生成index文件,并为我们管理输出文件1.index.html的生成方案一、根据模板自动生成index.html plugins: [ //自动生成index.html文件、、、、、 ...原创 2019-03-28 10:11:22 · 630 阅读 · 0 评论