前端工程化webpack基础配置

webpack官网webpackwebpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换（transform）、打包（bundle）或包裹（package）任何资源(resource or asset)。https://webpack.docschina.org/

webPack核心概念：

入口：

 输出：

 loader（载荷）：处理静态资源文件，组装功能

插件：

 模式/兼容性：

简单使用  使用 npm init -y命令新建一个package.json文件

 此时无法使用npm  run build 命令

可以在scripts配置下即可

 

 

const path = require('path')
console.log(path.resolve()); //当前文件的绝对路径
console.log(path.join(__dirname, './dist')) //拼接上的路径
const config = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.join(__dirname, './dist') //打包的目标文件
    }
}
module.exports = config