新建文件夹,按住shift右击选择在此处打开命令窗口。
npm init
npm install webpack --save-dev
新建hello.js文件,function hello(str){ alert(str); }
webpack hello.js hello.bundle.js
新建world.js文件 function world(){ return { } }
改hello.js为 require("./world.js");
运行
新建style.css body{background:#ccc;}
改hello.js为require("style-loader!css-loader!./style.css");
npm install css-loader style-loader --save-dev
新建index.js文件<script src="hello.bundle.js"></script> hello.js文件加上hello('hello world!');
webpack用法1
原创
©著作权归作者所有:来自51CTO博客作者痴情小云的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:移动端开发
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Artemis 命令用法
Artemis高级用法
读取文件 shell脚本 批量删除 mq artemis -
Webpack原理(1) — Why Webpack
如果只是这样用,有什么问题呢?这样引入JavaScript是没办法大量引入的,什么算大量呢?
Webpack ide javascript 加载 -
webpack 项目使用--创建webpack 项目(1)
1.新建一个文件夹 假设文件夹的名称为 wdgapp,并且通过命令行到该目录下2. 初始化项目 npm init -y3.在wdgapp 文件夹中创建src 文件夹(
webpack webpack项目 html 初始化 编译环境