❤
npm
Sign UpSign In

cdn-webpack-plugin

1.0.3 • Public • Published

CDN Webpack Plugin

Installation

Install the plugin with npm:

$ npm install cdn-webpack-plugin --save-dev

Basic Usage

as we know,in the webpack config,publicPath is only a string,but in my daily project. we will meet one situation,we should put the static resources into different domain of CDN this is what we want to fix config as follows:

var cdnWebpackPlugin = require('cdn-webpack-plugin');
var webpackConfig = {
  entry: {
    'main':['main.js']
    'home':['home.js']
    'index':['index.js']
  },
  output: {
    path: 'dist',
    filename: '[name].js',
    publicPath:'/static'
  },
  plugins: [new cdnWebpackPlugin(['http://cdn1.cdn.com','http://cdn2.cdn.com'])]
};

This will generate a file dist/index.html containing the following:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Webpack App</title>
  </head>
  <body>
    <script src="http://cdn1.cdn.com/static/main.js"></script> 
    <script src="http://cdn2.cdn.com/static/home.js"></script> 
    <script src="http://cdn1.cdn.com/static/index.js"></script> 
  </body>
</html>

Readme

Keywords

Package Sidebar

Install

npm i cdn-webpack-plugin

Repository

github.com/vicwang163/cdn-webpack-plugin

Homepage

github.com/vicwang163/cdn-webpack-plugin#readme

Weekly Downloads

57

Version

1.0.3

License

ISC

Last publish

Collaborators

  • vic.wang163
Try on RunKit
Report malware