在使用Vue做項目時,如果使用官方的Vue CLI 2.x生成的項目,其中集成的Webpack插件可能會給最終打包生成的文件添加“??Vue.js”水印。這對于商業項目來說并不友好,因此我們需要將其去除。
Vue CLI 2.x做法:
// build/webpack.prod.conf.js new webpack.BannerPlugin({ banner: "/*!\n" + " * Copyright (c) Vue.js contributors.\n" + " * Released under the MIT License (https://opensource.org/licenses/MIT)\n" + " */", unsafe: true }),
可以看到,Vue CLI 2.x使用了Webpack的BannerPlugin插件,在最終打包時添加了一個多行注釋,其中包含了“??Vue.js”水印。我們只需要將其注釋掉即可。
Vue CLI 3.x做法:
// vue.config.js module.exports = { chainWebpack: config =>{ config.plugins.delete('banner') } }
對于Vue CLI 3.x,則需要在項目根目錄下新建vue.config.js文件,并在其中對Webpack進行配置。我們需要通過chainWebpack方法來獲取Webpack配置,然后將BannerPlugin插件刪除即可。
除了上述添加的水印,還有可能會因為其它原因在最終打包文件中產生水印。如果仍存在水印,可以試著對比最終打包文件和源文件,尋找差異點并進行排查。
在去除水印后,我們需要注意是否有依賴Vue添加了水印。如果有,需要對其進行修改或更換,確保最終發布的產品不會出現任何商標/水印等侵權情況。
上一篇python 數組的秩
下一篇python 數組的定義