在angular2的使用中怎么用webpack打包js

在angular2的使用中怎么用webpack打包js

安装Webpack及其他组件 安装Webpack之前建议先安装Node.js，然后采用npm的方式来安装Webpack： npm install webpack -g 因为要用到angular，所以要安装angular： npm install angular 还要安装一系列加载器(loader)： npm install style-loader

webpack有哪些主要功能

webpack的主要功能：处理依赖、模块化、打包

1、依赖管理：方便引用第三方模块，让模块更容易复用、避免全局注入导致的冲突、、避免重复加载或者加载不必要的模块

2、合并代码：把各个分散的模块集中打包成大文件，减少HTTP的链接的请求次数，配合uglify.js可以减少、优化代码的体积

3、各种插件：babel把ES6+转化为ES5-，eslint可以检查编译时的各种错误

rem自动转换px的postcss-px2rem插件怎么配置

postcss插件配置在webpack2版本以后有所变动，webpack.config.js文件plugins增加：

webpackConfig.plugins.push( new webpack.LoaderOptionsPlugin({ options: {

postcssLoader: () => {

return [ require('postcss-px2rem')()

]

}

}

})

还有一种写法，根目录新建postcss.config.js文件，配置：

`module.exports = {

plugins: [

require('postcss-px2rem')()

]

}`