webpack的使用

Posted HongMaJu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack的使用相关的知识,希望对你有一定的参考价值。

1、全局安装webpack

$ cnpm install -g webpack

2、新建一个文件夹,作为项目的文件夹

3、在这个文件夹下,初始化webpack

$ npm init

最后再Ctrl+C跳出

4、在文件夹里安装webpack

$ cnpm install webpack --save-dev

 5、新建一个hello.js文件

function hello (str) {
    alert(str);
}

6、将hello.js文件打包hello.bundle.js

$ webpack hello.js hello.bundle.js

 

以上是关于webpack的使用的主要内容,如果未能解决你的问题,请参考以下文章

如何使用webpack加载库源映射?

Vue报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法(代码片段

报错:✘ http://eslint.org/docs/rules/indent Expected indentation of 0 s paces but found 2(代码片段

报错:✘ http://eslint.org/docs/rules/indent Expected indentation of 0 s paces but found 2(代码片段

无法创建中继容器; graphql.js 文件似乎有 webpack 工件?

浅析 -- webpack