webpack

http://webpackdoc.com/usage.html

npm install webpack -g npm init -y npm install webpack --save-dev

新建入口文件entry.js 打包入口文件webpack entry.js xxx.js

举例说明:导出/入其他的模块 module.exports、require、

webpack默认只会处理js,如果使用它处理其它的文件比如html css json等等,需要安装对应的loader,loader就是转换器,他可以把资源从一种形式,转换成另一种形式,最终得到的还是js文件。

处理css文件npm install css-loader style-loader --save-dev 引入css文件 require('style-loader!css-loader!./css.css');

webpack的配置文件是webpack.config.js

module.exports={
    entry:'./entry.js',
    output:{
        path:__dirname,
        filename:'build.js'
    },
    module:{
        loaders:[
            {test:/\.css/,loader:'style-loader!css-loader'}
        ]
    }
};

生成开发用的服务器,在文件变化的时候自动打包,刷新页面 npm install webpack-dev-server -g npm install webpack-dev-server --save-dev //把依赖写入package.json webpack-dev-server --inline --hot自动刷新页面

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

扫码关注云+社区

领取腾讯云代金券