随笔分类 - webpack
webpack总结
摘要:webpack 1、核心概念 entry 入口 指示 webpack 从哪个文件开始构建/打包 output 输出 指示 webpack 打包完成的文件输出哪里去 loader 加载器 webpack 自身能力有限,只能处理 js/json 文件,但是遇到 css/html 等文件就没办法处理 lo
阅读全文
三.webpack打包图片
摘要:const path = require("path"); module.exports = { //入口 entry:"./src/js/index.js", output:{ path:path.resolve(__dirname,"build"), filename:"./js/build.j
阅读全文
二.webpack打包less文件
摘要:webpack默认不识别less,css,style文件,所以需要引入包 cnpm install less less-loader --save-dev //引入less cnpm install --save-dev style-loader //引入style cnpm install --s
阅读全文
一.webpack默认打包
摘要:webpack默认可以打包 js/json 文件 const path = require("path"); module.exports = { //入口 entry:"./src/js/index.js", //出口 output:{ path:path.resolve(__dirname,"b
阅读全文
typescript使用webpack配置步骤
摘要:1 webpack 通常情况下,实际开发中我们都需要使用构建工具对代码进行打包,TS同样也可以结合构建工具一起使用,下边以webpack为例介绍一下如何结合构建工具使用TS。 步骤: 初始化项目 进入项目根目录,执行命令 npm init -y 主要作用:创建package.json文件 下载构建工
阅读全文
webpack配置详解
摘要://引入一个包 const path = require("path"); //引入html文件 const HTMLWebpackPlugin = require("html-webpack-plugin"); //引入clean插件 const {CleanWebpackPlugin} = re
阅读全文