Vue学习笔记（七）—— webpack

        webpack是一款前端资源模块化管理和打包工具，在webpack.config配置文件中包含着入口文件、出口文件、loader加载器、plugin插件

        在控制台通过webpack命令直接进行打包

以下配置均在webpack.config.js文件中进行

1.入口文件

        入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。

module.exports =  {
    //入口文件
    entry: './src/js/index.js',
}

此处的index.js就代表的是入口文件，里面引入此项目所需要的js、json、css以及其他对象，通过index.js文件webpack就会找到对应的模块、库，方便之后打包

2.出口文件

        output 属性告诉 webpack 在哪里输出它所创建的 bundles，以及如何命名这些文件，默认值为 ./dist

//此处采用了对象解构  将resolve解构出来
const { resolve } = require('path');

module.exports =  {
    //入口文件
    entry: './src/js/index.js',

    // 出口文件
    output: {
        // __dirname 内部自带参数 代表当前webpackVue.config.js的绝对目录  dist新