码迷,mamicode.com
首页 > Web开发 > 详细

webpack打包

时间:2020-07-10 00:32:47      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:npm   out   alt   webp   png   mod   image   webpack   uil   

技术图片

1 创建webpack.config.js文件

const path = require(‘path‘)

module.exports = {
    entry: ‘./src/main.js‘,
    output: {
        path: path.resolve(__dirname, ‘dist‘),
        filename: ‘bundle.js‘,
    }
}
2 配置path依赖
技术图片

 输入 npm init 回车

配置名称 描述和其他,不需要配的直接回车 

技术图片

技术图片

 npm run build

1 添加 

"build":"webpack"

技术图片

 

 技术图片

 

 npm install webpack@3.6.0 --save-dev 安装局部webpack 

 npm run build会优先使用局部的npm

 

webpack打包

标签:npm   out   alt   webp   png   mod   image   webpack   uil   

原文地址:https://www.cnblogs.com/yahe/p/13276918.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!