12、打包多页面应用

1、需下载依赖:

  ①  npm init -y   初始化包

  ② npm i webpack webpack-cli -D

  ③ npm i html-webpack-plugin -D

2、写webpack 的配置文件(webpack.config.js)

    let path = require('path')

    let HtmlWebpackPlugin = require('html-webpack-plugin')


    module.exports = {    

        mode: 'developmnet',

        entry: {

            home: './src/home.js',

            other: './src/home.js'

       },  

        output: {

            filename: '[name].js',

            path: path.resolve(__dirname, './dist')

        },

        plugins: [

            new HtmlWebpackPlugin({

                template: './src/index.html',

                filename: 'home.html',

                chunks: ['home'],

            }),

            new  HtmlWebpackPlugin({                

                template: './src/index.html',                

                 filename: 'other.html', 

                 chunks: ['other'],             

            })

        ]

    }

3、项目的目录

    sec

        home.js

        other.js

        index.html

    webpack.config.js

    node_modules

就这样子,欢迎指正~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容