{"_id":"add-asset-html-cdn-webpack-plugin","_rev":"240109","name":"add-asset-html-cdn-webpack-plugin","description":"base on 'html-webpack-plugin' dynamic injection of cdn data to html template","dist-tags":{"latest":"1.0.0"},"maintainers":[{"name":"jewely","email":"lonnyshaw@gmail.com"}],"time":{"modified":"2023-03-25T08:22:12.000Z","created":"2018-05-25T06:39:19.872Z","1.0.0":"2018-05-25T06:39:19.872Z"},"users":{},"author":{"name":"lonnyshaw"},"repository":{"type":"git","url":"git+https://github.com/jewely/add-asset-html-cdn-webpack-plugin.git"},"versions":{"1.0.0":{"name":"add-asset-html-cdn-webpack-plugin","version":"1.0.0","description":"base on 'html-webpack-plugin' dynamic injection of cdn data to html template","main":"index.js","scripts":{"test":"node build/build.js"},"author":{"name":"lonnyshaw"},"email":"lonnyshaw@gmail.com","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jewely/add-asset-html-cdn-webpack-plugin.git"},"keywords":["cdn-webpack","add-asset-html-cdn","html-webpack-plugin"],"homepage":"https://github.com/jewely/add-asset-html-cdn-webpack-plugin","dependencies":{"html-webpack-plugin":"^3.2.0"},"devDependencies":{"chalk":"^2.4.1","html-webpack-plugin":"^3.2.0","ora":"^2.1.0","rimraf":"^2.6.2","webpack":"^4.8.3"},"gitHead":"3814606ed57fe3e18f4eb9ac42b41fee44e918a4","bugs":{"url":"https://github.com/jewely/add-asset-html-cdn-webpack-plugin/issues"},"_id":"add-asset-html-cdn-webpack-plugin@1.0.0","_shasum":"3ca48a14235bfeac41e90653232e2b6437d83857","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.4","_npmUser":{"name":"jewely","email":"lonnyshaw@gmail.com"},"dist":{"shasum":"3ca48a14235bfeac41e90653232e2b6437d83857","size":2706,"noattachment":false,"key":"/add-asset-html-cdn-webpack-plugin/-/add-asset-html-cdn-webpack-plugin-1.0.0.tgz","tarball":"http://name.csiicloud.com:7001/add-asset-html-cdn-webpack-plugin/download/add-asset-html-cdn-webpack-plugin-1.0.0.tgz"},"maintainers":[{"name":"jewely","email":"lonnyshaw@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/add-asset-html-cdn-webpack-plugin_1.0.0_1527230359540_0.5628544682047572"},"_cnpmcore_publish_time":"2021-12-23T00:15:19.235Z","publish_time":1527230359872,"_cnpm_publish_time":1527230359872}},"readme":"## install\r\n\r\n```bash\r\n  npm i --save-dev add-asset-html-cdn-webpack-plugin\r\n```\r\n\r\n## Usage\r\n\r\nbase on [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin) dynamic injection of cdn data to html template\r\n\r\n**cdn.config.js**\r\n\r\n```js\r\nmodule.exports = {\r\n  vue: '//cdn.bootcss.com/vue/2.5.16/vue.min.js',\r\n  vueRouter: '//cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js',\r\n  axios: '//cdn.bootcss.com/axios/0.18.0/axios.min.js',\r\n  rxjs: '//cdn.bootcss.com/rxjs/5.5.6/Rx.min.js',\r\n  'element-ui': '//cdn.bootcss.com/element-ui/2.3.7/index.js',\r\n  theme: '//cdn.bootcss.com/element-ui/2.3.7/theme-chalk/index.css'\r\n  app: {\r\n    script: '//google/index.js',\r\n    style: '//google/index.css'\r\n  },\r\n  login: {\r\n    script: '//google/index.js',\r\n    style: '//google/index.css'\r\n  }\r\n};\r\n```\r\nIf the key value is a simple type, it will be used as a generic insert template, otherwise objects such as app(HtmlWebpackPlugin config chunks) will only insert in the corresponding template.\r\n\r\n**webpack.config.js**\r\n\r\n```js\r\nconst path = require('path');\r\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\r\nconst AddAssetHtmlCdnWebpackPlugin = require('../index');\r\nconst cdnConfig = require('./cdn.config');\r\n\r\nmodule.exports = {\r\n  mode: 'production',\r\n  entry: { index: path.resolve(__dirname, '../src/index.js') },\r\n  output: {\r\n    path: path.resolve(__dirname, '../dist'),\r\n    filename: '[name].js'\r\n  },\r\n  plugins: [\r\n    new HtmlWebpackPlugin({\r\n      inject: true,\r\n      template: path.resolve(__dirname, '../src/index.html')\r\n    }),\r\n    new AddAssetHtmlCdnWebpackPlugin(true, cdnConfig)\r\n  ]\r\n};\r\n```\r\n\r\n## Options\r\n\r\n|        Name        |    Type     | Default | Description                                                                                                                                                    |\r\n| :----------------: | :---------: | :-----: | :------------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| **[`isWork`](#)**  | `{Boolean}` | `true`  | does the plugin work                                                                                                               |\r\n| **[`options`](#)** | `{Object}`  |  `{}`   | Key-value pair object like **cdn.config.js**\r\n","_attachments":{},"homepage":"https://github.com/jewely/add-asset-html-cdn-webpack-plugin","bugs":{"url":"https://github.com/jewely/add-asset-html-cdn-webpack-plugin/issues"},"license":"MIT"}