前端学习案例-vue2源码解析1-数据劫持

最新推荐文章于 2024-08-11 20:55:15 发布

前端歌谣

最新推荐文章于 2024-08-11 20:55:15 发布

阅读量144

点赞数

文章标签： webpack 前端 javascript

本文链接：https://blog.csdn.net/qq_41632427/article/details/126063881

版权

歌谣-前端学习案例-学习专栏收录该内容

49 篇文章 0 订阅

订阅专栏

安装

npm init -y

安装依赖

yarn add webpack webpack-cli webpack-dev-server

yarn add html-webpack-plugin

配置webpack.config.js

const path=require("path"),
// 解析html
HtmlWebpackPlugin=require('html-webpack-plugin')

module.exports={
    //模式
    mode:"production",
    entry:"./src/index.js",
    // 打包路径
    output:{
        filename:"bundle.js",
        path:path.resolve(__dirname,"dist")
    },
    devtool:"source-map",
    // 默认寻找位置
    resolve:{
        modules:[path.resolve(__dirname,""),path.resolve(__dirname,"node_modules")]
    },
    // 解析html
    plugins:[new HtmlWebpackPlugin({
        template:path.resolve(__dirname,"public/index.html")
    })]
}