美文网首页
webpack开始学习

webpack开始学习

作者: 拖着蜗牛看风景 | 来源:发表于2017-03-15 22:22 被阅读0次

安装webpack  

npm install webpack  -g  安装命令

新建一个文件夹 使用npm init 命令生成一个package.json文件

然后建立两个js文件  empty.js   hellp.js

在empty.js中写入一个函数

function hellp(str){

alert(str)

}

在hellp.js中写入一个函数

function hellp(str){

alert(str)

}

在命令窗口中输入webpack emtpy.js empty.bundle.js

如果有css文件,则输入命令 webpack emtpy.js empty.bundle.js --module-bind "css=style-loader!css-loader"

则可以编译css文件,前提示你安装了 style-loader 和 css-loader 

相关文章

  • webpack学习(一)

    学习链接:webpack官方webpack中文网 webpack入坑之旅(一)不是开始的开始 webpack入坑之...

  • webpack开始学习

    安装webpack npm install webpack -g 安装命令 新建一个文件夹 使用npm init...

  • npm WARN optional SKIPPING OPTIO

    今天开始学习webpack,在执行npm install --save-dev webpack来安装webpack...

  • 前端工程化之webpack学习记录

    本文是本人正式开始学习webpack的记录文档,时间:2020-05-16,webpack版本:"webpack"...

  • 2017-07-03

    webpack更好配置 webpack进阶-知乎 webpack 学习 nodejs 学习

  • webpack

    webpack是一个前端模块化打包工具我将开始webpack的学习并在2周时间左右开始整理分享我的学习内容

  • 2018-06-17 webpack—js打包

    记录webpack打包学习 我现在跟着视频教程学习webpack基础打包,在最开始就遇到了问题,首先教程webpa...

  • webpack入门(二)

    摘要:上以章节了解到了webpack是干什么的以及webpack有那些核心内容,从此章节开始学习webpack中的...

  • webpack成神之路(一)

    webpack是干什么的网上一堆,就不赘述了。现在从零开始学习webpack; 初始化项目 安装webpack w...

  • webpack - 项目优化

    Webpack学习笔记webpack - 项目优化webpack实现原理webpack - loaderwebpa...

网友评论

      本文标题:webpack开始学习

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