zoukankan      html  css  js  c++  java
  • webpack 同一文件打包两次生成两个文件

    ----------------------------------webpack.config.js-------------------------------------------------------

    const config = {
    entry: {
    main: './src/index.js',
    sub: './src/index.js',
    },
    output: {
    publicPath:"http://www.baidu.com", //当文件的静态资源在另外一个链接上的时候,可以通过设置publicPath来同一设置路径 效果如index.html
    filename: '[name].js', //生成文件名称相互对应
    path: path.resolve(__dirname,'dist') //打包出来的文件放入dist目录下
    },
    plugins:[new HtmlWebpackPlugin({ //将打包出来的文件放入src/index.html文件中
    template:'src/index.html'
    }),new CleanWebpackPlugin(['dist'])],
    module: {
    rules: [
    {
    test: /.jpg$/, //这个配置是重点
    use: {
    loader:"file-loader",
    options:{
    name:'[name].[ext]', //打包出来的图片名字和后缀都和之前的一样,
    outputPath:"images/" //打包出来的文件存放在dist/images文件夹中
    }
    }
    },

    ]
    }
    };

    -----------------------------index.html----------------------------------------
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    </head>
    <body>
    <script type="text/javascript" src="http://www.baidu.com/main.js"></script>
    <script type="text/javascript" src="http://www.baidu.com/sub.js"></script>
    </body>
    </html>
  • 相关阅读:
    Shared variable in python's multiprocessing
    File checksum
    Windows createprocess linux fork
    人工调用系统调用
    如何提高团队开发效率
    Redis' High Availability
    并发MD5计算方法
    开博宣言
    NYOJ 55 懒省事的小明
    HDU 1237 简单计算器
  • 原文地址:https://www.cnblogs.com/hellosxs/p/11411028.html
Copyright © 2011-2022 走看看