Vue项目中引入外部文件的方法（css、js、less）

cnpm install webpack -g

cnpm install jquery --save-dev

cnpm install style-loader --save-dev

cnpm install css-loader --save-dev

cnpm install file-loader --save-dev

npm install less less-loader --save

var webpack = require('webpack')

plugins: [

 new webpack.ProvidePlugin({

  $: "jquery",

  jQuery: "jquery"

 })

],

alias: {

'vue$': 'vue/dist/vue.common.js',

'src': path.resolve(__dirname, '../src'),

'assets': path.resolve(__dirname, '../src/assets'),

'components': path.resolve(__dirname, '../src/components'),

jquery: "jquery"

}

{

test: /\.js$/,

loader: 'babel-loader',

exclude: /node_modules/

},

{

test: /\.css$/,

loader: "style-loader!css-loader",

},

{

test: /\.less$/,

loader: "style-loader!css-loader!less-loader",

},

{test: /\.svg(\"file-loader"},

{test: /\.woff2(\"file-loader"},

{test: /\.ttf(\"file-loader"},

{test: /\.eot(\"file-loader"}

import'./assets/css/bootstrap.css'

import'./assets/js/bootstrap.min.js'

import'./assets/less/less.less'