随笔分类 - webpack
webpack的配置和使用
摘要:1. 初始化package.json 创建项目文件夹 mkdir webpack-react-ts cd webpack-react-ts 初始化项目package.json yarn init -y { "name": "webpack-react-ts", "version": "1.0.0",
阅读全文
摘要:1. 设置webpack为开发模式 设置模式(mode: development/production) 设置source maps (devtool: 'inline-source-map') const path = require('path'); const HtmlWebpackPlugi
阅读全文
摘要:一旦在文件名中使用哈希并输出多个包时,将很难继续手动管理index.html文件, 但是一些插件可以使这个过程更易于管理。 1. 手动管理输出 webpack.config.js const path = require('path'); module.exports = { entry: './s
阅读全文
摘要:1. 准备配置文件 dist/index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Asset Management</title> </head> <body> <script src="bundle.js
阅读全文
摘要:webpack的核心是现代javascript 应用程序的静态模块打包器。当webpack处理你的应用程序时, 它会在内部从一个或多个入口点构建一个依赖关系图,然后将你的项目需要的每个模块组合到一个 或多个包中,这些包是静态资产,可以为你的内容提供服务。 1. 安装webpack 创建项目目录,初始
阅读全文