-
Notifications
You must be signed in to change notification settings - Fork 8
A : Webpack
Art dvp edited this page Nov 29, 2017
·
3 revisions
install
$ npm install -g webpack
$ npm install -g webpack-dev-server
example file and install webpack-dev-server to package.json
$ npm install --save-dev webpack-dev-sever
$ npm stall --save babel@6.23.0 babel-preset-env@1.6.1 babel-register@6.26.0
and use file .babelrc
{
"preset": "env"
}
webpack.config.babel.js
import webpack from 'webpack'
import HtmlWebpackPlugin from 'html-webpack-plugin'
import path from 'path'
export default {
context: path.resolve(__dirname),
entry: {
app: './src'
},
output: {
path: path.resolve(__dirname,'./dist'),
filename: 'bundle.js',
publicPath: '/'
},
resolve: {
extensions: ['.js','.vue']
},
module: {
rules: [{
test: /\.js$/,
loader: 'babel-loader',
include: [path.join(__dirname,'..','./src')]
},
{
test: /\.vue$/,
loader: 'vue-loader'
}]
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new HtmlWebpackPlugin({
template: 'index.html',
inject: true
})
],
devServer: {
inline: true
}
}