首页 > 代码库 > 关于webpack

关于webpack

---恢复内容开始---

webpack 的安装

  1.//全局安装npm install -g webpack

  2.在项目中,npm init自动创建package.json文件(一切选项默认即可)

  3.//安装到你的项目目录npm install --save-dev webpack

开始使用webpack:

  新建hello.js,技术分享

  在命令行输入webpack hello.js hello.bundle.js,则自动生成hello.bundle.js 的打包文件。

  再建一个world.js,在hello.js中进行引用技术分享,在hello.bundle.js中会自动生成技术分享

  处理css文件:webpack本身不支持css,需要安装loader作为依赖,安装命令为:

  npm install css-loader style-loader --save-dev,并且给css文件指定相应的loader,并且引入时技术分享

  css-loader控制可以处理css文件,style-loader控制样式可以现在,会自动生成一个style标签。

直接在命令行输入:

webpack hello.js hello.bundle.js --module-bind ‘css=style-loader!css-loader‘ --watch(文件自动改变自动更新)

 

 

---恢复内容结束---

关于webpack