1. 程式人生 > >angular專案從node_modules中複製檔案到資料夾

angular專案從node_modules中複製檔案到資料夾

對於自配置的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

插入到打包後的index.html中

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>...