美文网首页
webpack初体验

webpack初体验

作者: 云小泽同学 | 来源:发表于2020-04-27 15:37 被阅读0次

1、新建一个webpack项目目录,名字可以按照自己的需求取

2、yarn init -y

3、yarn add webpack webpack-cli -D

4、然后在webpack的目录下创建src/index.js文件,并编辑放入以下内容

console.log("hello,wbpack")

5、打包,这里也顺便使用了npx,如未安装,就请先安装

6、打包后会产生一个dist/main.js文件,可以使用run code运行文件(使用了vscode中的插件:Code Runner)



下一篇:https://www.jianshu.com/p/411c8c98204e

相关文章

  • react+webpack 开发web app(一)

    webpack初体验 1、全局安装webpack,安装命令:npm install -g webpack 2、新建...

  • 其实webpack编译"模块化"的源码没那么难

    我们在 webpack初体验[https://www.jianshu.com/p/0ff3f98442f5] 这篇...

  • Webpack初体验

    Webpack是什么? webpack是一个前端资源加载/打包工具,其主要功能为:使用loaders将项目中依赖到...

  • webpack初体验

    打包 添加模块 webpack支持三种模块添加方式 CMD、AMD、ES6可以这样引入一个一个js模块requir...

  • webpack 初体验

    简介 Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的...

  • webpack初体验

    1、新建一个webpack项目目录,名字可以按照自己的需求取 2、yarn init -y 3、yarn add ...

  • webpack初体验

    在使用webpack打包之前我们应该理解一下npm,npm是node.js默认的软件包管理系统,所有应该先下载no...

  • node.js初体验

    node.js初体验 前言 在学习webpack和vue的过程中经常会遇到关于node的知识,CommonJS规范...

  • parcel构建vue项目

    Parcel-vue 初体验 Parcel 是什么 和webpack一样,parcel也是模块打包器的一种。不过不...

  • 2018-04-23 webpack入门

    1. 初体验 很乱,数不清的配置 2. 安装 创建目录 copy Github上webpack官网的文档 3. 使...

网友评论

      本文标题:webpack初体验

      本文链接:https://www.haomeiwen.com/subject/falzzctx.html