webpack的基本使用03

最新推荐文章于 2022-09-22 17:57:39 发布

钢铁直女.

最新推荐文章于 2022-09-22 17:57:39 发布

阅读量120

点赞数

分类专栏： Webpack学习笔记文章标签： webpack

本文链接：https://blog.csdn.net/weixin_44836362/article/details/112604817

版权

本文介绍了如何使用webpack进行项目初始化、创建package.json，局部安装webpack并配置打包js文件，最后展示了如何查看webpack版本及安装开发工具。

摘要由CSDN通过智能技术生成

使用webpack

1、创建新项目

项目目录
在这里插入图片描述

test.js

// CommonJS模块化规范，导出
module.exports = function () {
   
  let test = document.createElement("div");
  test.textContent = "webpack yysd";
  return test;
}

learn.js

// ES6模块化规范，导出
export function learnWebpack(){
   
  let learn = document.createElement("h1");
  learn.textContent = "i want to learn webpack well";
  return learn;
}