都知道通常開源項目都是有本身的版權協議的好比vuecss
打包出來的文件都是攜帶本身的版權聲明的,歸屬於誰在什麼時間,誰寫的,協議是什麼vue
咱們也能夠寫一個本身的版權聲明[捂臉]node
這個插件是內置的不須要單獨安裝webpack
修改webpack.config.jsweb
// 須要從node依賴中引入 須要添加依賴環境 const path = require('path'); // 導入webpack內置插件 const webpack = require('webpack') module.exports = { // 配置源碼打包位置 entry: './src/main.js', // 配置目標位置 output: { // path 只能寫絕對路徑 不能寫相對路徑 可是不要直接寫死,須要動態獲取文件位置 path: path.resolve(__dirname,'dist'), filename: 'bundle.js' }, module: { rules: [ { test: /\.css$/, use: [ 'style-loader', 'css-loader' ] }, { test: /\.js$/, exclude: /(node_modules|bower_components)/, use: { loader: 'babel-loader', options: { presets: ['es2015'] } } }, // 增長.vue文件的loader { test: /\.vue$/, use:['vue-loader'] } ] }, // 使用runtime-compiler resolve:{ alias:{ 'vue$': 'vue/dist/vue.esm.js' } }, // 插件 plugins:[ // 版權插件 new webpack.BannerPlugin('最終版權歸彼岸舞全部!') ] }
執行打包babel
能夠看到版權聲明已經添加了ide