Vue学习不知道多少天之plugin
首先先说一下如何添加版权声明,先导入下webpack的包:
const webpack = require('webpack')
之前已经在modules中安装了这个webpack所以可以找到这个包。然后在webpack.config文件中和entry、output并列的写入一个新的plugins:

这里注意不是对象是个数组形式的,然后这样的话就可以打印上版权信息了。

================================================================================================================================================
真实发布项目的时候发布的是dist文件夹的内容,dist没有index.html文件的话就没有意义了。所以我们要将index文件打包到dist文件中,这时候使用htmlWebpackPlugin。他可以帮助我们:
1.自动生成一个index.html文件
2.将打包的js文件通过script标签插入到body中。
先开始下载:
npm install html-webpack-plugin --save-dev
然后导入插件,在webpack.config文件头部写:
const HtmlWebpackPlugin = require('html-webpack-plugin')
和上面相同,需要在plugins中配置一下:
plugins:[
new webpack.BannerPlugin('最终版权归frank所有'),
new HtmlWebpackPlugin() //这一句是
]

浙公网安备 33010602011771号