鍍金池/ 問答/HTML5  HTML/ webpack打包clipboard在頁面中報錯

webpack打包clipboard在頁面中報錯

圖片描述報錯代碼:Uncaught ReferenceError: Clipboard is not defined

var webpack=require('webpack');
var path=require('path');
var ex = require("extract-text-webpack-plugin");
var packCSS = new ex('./css/[name].min.css',{allChunks: true});
// var HtmlWebpackPlugin=require('html-webpack-plugin');
var autoprefixer = require('autoprefixer');
var UglifyJsPlugin = require('uglifyjs-webpack-plugin');
// var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); //css壓縮
module.exports={
    //入口文件配置
    entry:{
        //css入口
        // style_head:"./src/style-head.js",
        // style_index:"./src/style-index.js",
        // style_high:"./src/style-high.js",
        // style_jiu:'./src/style-jiu.js',
        // style_user:'./src/style-user.js',
        // style_avatar:'./src/style-avatar.js',
        // style_footer:'./src/style-footer.js'
        //js入口
        main_index:'./src/main-index.js',
        main_high:'./src/main-high.js',
        main_jiu:'./src/main-jiu.js',
        main_avatar:'./src/main-avatar.js',
        main_highView:'./src/main-highView.js'

    },
   // 輸出文件配置
    output:{
        path:path.resolve(__dirname,'build'),
        filename:"[name].js",
        publicPath:'../dist/' //動態(tài)背景圖片地址
    },
//    模塊加載方式配置
    module:{
        loaders: [
            //加載方式
            {
                test: /\.css$/,
                loader:ex.extract("css-loader","style-loader",'postcss-loader'),
            },
            // 字體文件打包方式及路徑
            {test: /\.(eot|svg|ttf|woff|woff2)\w*/,loader: 'file-loader?publicPath=&outputPath=font/'},
            // 打包圖片及地址
            {test: /\.(png|jpg|gif)$/, loader: 'url-loader?limit=8192'},
            // SVG打包方式
            {test: /\.svg/, loader: 'svg-url-loader'},
            //sass和css
            // {
            //     test: /\.(scss|sass|css)$/,  // pack sass and css files
            //     loader: ex.extract({fallback: "style-loader", use: "css-loader!postcss-loader!sass-loader"})
            // }
            //js打包方式
            // {test:/\.js$/,exclude:/node_modules/,loader:'babel-loader'}
        //    postcss
        ]
    },
//    插件配置
    plugins:[
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery"

        }),
        new webpack.optimize.UglifyJsPlugin(),
        packCSS
    ]
};

請求高人指點!

回答
編輯回答
淡墨

頁面沒有引入Clipboard

2018年8月20日 00:35