首页 / WEBPACK / webpack配置上线地址

webpack配置上线地址

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了webpack配置上线地址，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含615字，纯文字阅读大概需要1分钟。

内容图文

webpack配置上线地址主要使用output配置项下的publicPath。

 

webpack.config.js配置文件为： 

            
                var htmlWebpackPlugin = require(‘html-webpack-plugin‘);
module.exports = {
    //打包入口    entry: {
        main: ‘./src/js/main.js‘,
        a: ‘./src/js/a.js‘
    },
    //打包后的文件    output: {
        //不加__dirname 会报错
        path: __dirname + ‘/dist‘,
        //注意：使用[name]确保每个文件名都不重复
        filename: ‘js/[name]-[chunkhash].js‘,
        //线上地址配置
        publicPath:‘http://cdn.com/‘
    },
    plugins: [
        new htmlWebpackPlugin({
            template: ‘index.html‘,
            filename: ‘index-[hash].html‘,
            title: ‘test parameter‘
        })
    ]
}

执行命令： 

            npm run webpack

效果：

（1）项目目录输出结构：

技术分享

 

（2）html 引用地址为线上地址：

技术分享

 

原文：http://www.cnblogs.com/mengfangui/p/7510898.html

内容总结

以上是互联网集市为您收集整理的webpack配置上线地址全部内容，希望文章能够帮你解决webpack配置上线地址所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://www.qyyshop.com/info/1184896.html

来源：【匿名】