微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

webpack基础——安装环境

npm i webpack webpack-cli --save-dev

单个打包文件

认配置

npx webpack index.js  //这就会把 index.js 及其依赖打包到 dist 文件夹下,生成一个同名文件

自定义配置,需要 wepack.config.js,在根目录下创建该文件

const path = require('path')  //下面的路径得用path,不能直接用相对路径

module.exports = {
  entry: path.join(__dirname, './src/js/index.js'),  //入口
  output: {  //打包到哪?
    path: path.resolve(__dirname, 'dist'),  //打包到根目录下的 dist 文件夹下
    filename: 'main.js'  //在 dist 文件夹下打包的 js 名字
  }
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐