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() //这一句是
    ]

  

  

posted @ 2020-04-22 14:02  灰人  阅读(147)  评论(0)    收藏  举报