webpack
偑色梧桐
More haste,less speed.
展开
-
webpack核心概念
entry打包流程的开始需要一个入口,用于指定webpack的打包起点,webpack会从入口开始处理工程依赖,构建模块(module)之间的依赖关系树,这些依赖关系模块在打包时被webpack封装为chunk,随后webpack会将chunk打包为bundlecontext资源入口的路径前缀,在配置时要求必须使用绝对路径。module.exports = { context: path.join(__dirname, './src'), entry: './index.js'}conte原创 2020-06-22 10:30:35 · 137 阅读 · 0 评论 -
使用webpack构建项目-基础配置
初始化项目npm init执行后根据命令行提示修改各项内容。添加webpack依赖这里使用yarn来进行包管理yarn add webpack webpack-cli --dev其中 webpack和webpack-cli为webpack的基础依赖,--dev表示我们需要将这两个包添加到 package.json的 devDependencise节点下。可以使用以下指令验证webpack是否安装成功。npx webpack --version...原创 2020-06-16 08:23:04 · 227 阅读 · 0 评论