美文网首页
webpack基础配置

webpack基础配置

作者: 宝妞妞加油 | 来源:发表于2019-03-03 14:38 被阅读0次

webpack安装

  • 安装本地的webpack
  • webpack webpack-cli -D
yarn init -y
yarn add webpack webpack-cli -D

webpack可以进行0配置

  • 打包工具 =》 输出后的结果(js模块)
npx webpack
  • 打包(支持js的模块化)
//a.js
module exports "Hello World"
//index.js
let str = require('./a.js')
console.log(str) 

手动配置webpack

  • 默认配置文件的名字 webpack.config.js
//webpack是node写出来的node的写法
let path = require('path');
module.exports = {
  mode:'development', //模式 默认两种 production development
  entry:'./src/index.js', //入口
  output:{
    filename:'bundle.js',  //打包后的文件名
    path:path.resolve(__dirname,'build') //路径必须是一个绝对路径
  }
}

相关文章

网友评论

      本文标题:webpack基础配置

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