![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack4
nzch
这个作者很懒,什么都没留下…
展开
-
webpack---shangguigu---1
--------------------1-----------------------------原创 2019-10-21 09:03:08 · 77 阅读 · 0 评论 -
前端打包工具webpack4----4----第五章
webpack处理HTML内嵌图片 http://localhost:8080/webpack.html 未使用loader的时候: 这样是显示不出来的。 1.下载安装: cnpm install --save-dev html-loader 2.Rulre配置 , { test:/\.(html)$/, use:{ ...原创 2019-10-15 21:19:16 · 64 阅读 · 0 评论 -
前端打包工具webpack4----3----第四章
使用html模版。 1.安装依赖 npm install html-webpack-plugin --save-dev 2.配置config文件,主要是安装插件: const HtmlWebpackPlugin = require('html-webpack-plugin'); plugins:[ new webpack.ProvidePlugin({ jQue...原创 2019-10-15 18:08:11 · 79 阅读 · 0 评论 -
前端打包工具webpack4----2----第三章
webpack是javascript的静态模块打包器,能不能打包其他的呢 1.引入css,在js里面引入css body{ bcakground:red; } import './index.css'//在js引入css console.log("123"); 2.失败 3.loader:安装css的loader ,只要不安装就不用const。 npm install st...原创 2019-10-15 10:55:29 · 102 阅读 · 0 评论 -
前端打包工具webpack4----1----第一章第二章
介绍。 --------1-1---------- webpack是什么 webpack其实就是一个JavaScript应用程序的静态模块打包器。 webpack有什么作用 模块化打包: webpack会将项目的资源文件当成一个一个模块(js,css,html),模块之间会有依赖关系, webpack将会对这些有依赖关系的文件进行处理,让浏览器能够识别, 最后将应用程序需要的每个模块打...原创 2019-10-15 10:06:06 · 142 阅读 · 0 评论