美文网首页
webpack入门

webpack入门

作者: 天上月丶 | 来源:发表于2017-02-27 16:04 被阅读19次

    1.安装

    //全局安装
    npm install -g webpack
    //安装到你的项目目录
    npm install --save-dev webpack
    

    2.使用初始化

    npm init   //根据提示输入相应信息
    

    3.安装webpack

    // 安装Webpack
    npm install --save-dev webpack
    

    4.终端使用打包命令

    webpack {entry file/入口文件} {destination for bundled file/存放bundle.js的地方}
    

    5.通过配置文件使用webpack

    module.exports = {
      entry:  __dirname + "/app/main.js",//已多次提及的唯一入口文件
      output: {
        path: __dirname + "/public",//打包后的文件存放的地方
        filename: "bundle.js"//打包后输出文件的文件名
      }
    }
    

    相关文章

      网友评论

          本文标题:webpack入门

          本文链接:https://www.haomeiwen.com/subject/fgbzwttx.html