angular專案從node_modules中複製檔案到資料夾
阿新 • • 發佈:2019-01-30
對於自配置的webpack構建工具
1. 下載 test.js npm 包(npm install test.js@latest )
const CopyWebpackPlugin = require( 'copy-webpack-plugin' ); const HtmlWebpackIncludeAssetsPlugin =require( 'html-webpack-include-assets-plugin' ) |
3. 配置 copy-webpack-plugin外掛在構建時將 node_modules中的test.js拷貝相應目錄(這裡為assets/js目錄),配置 html-webpack-include-assets-plugin 將test.js
plugins: [ /** * Plugin: CopyWebpackPlugin * Description: Copy files and directories in webpack. * * Copies project static assets. * */ new CopyWebpackPlugin([ { from: 'node_modules/test.js/test.js' ,to: 'assets/js' } ]), new HtmlWebpackIncludeAssetsPlugin({ assets:[ 'assets/js/test.js' ], append: false }) ] |
4. 配置成功後,打包生成的index.html檔案中包含test.js
<script type= "text/javascript" src= "assets/js/test.js" ></script> ... |