Commit 0fffead9 authored by cinwell.li's avatar cinwell.li Committed by FuryBean

doc: update quickstart, fixed ElementUI/element-starter#7 #1089 (#1091)

parent ddd4481e
...@@ -38,9 +38,7 @@ Typical configurations for these config files are: ...@@ -38,9 +38,7 @@ Typical configurations for these config files are:
**package.json** **package.json**
```json ```json
{ {
"name": "my-project", "name": "element-starter",
"description": "A Vue.js and Element project",
"private": true,
"scripts": { "scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --port 8086", "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --port 8086",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules" "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
...@@ -57,9 +55,9 @@ Typical configurations for these config files are: ...@@ -57,9 +55,9 @@ Typical configurations for these config files are:
"css-loader": "^0.23.1", "css-loader": "^0.23.1",
"file-loader": "^0.8.5", "file-loader": "^0.8.5",
"style-loader": "^0.13.1", "style-loader": "^0.13.1",
"vue-loader": "^9.5.1", "vue-loader": "^9.8.0",
"webpack": "2.1.0-beta.22", "webpack": "beta",
"webpack-dev-server": "^2.1.0-beta.0" "webpack-dev-server": "beta"
} }
} }
``` ```
...@@ -78,31 +76,28 @@ module.exports = { ...@@ -78,31 +76,28 @@ module.exports = {
publicPath: '/dist/', publicPath: '/dist/',
filename: 'build.js' filename: 'build.js'
}, },
resolveLoader: {
root: path.join(__dirname, 'node_modules')
},
module: { module: {
loaders: [ loaders: [
{ {
test: /\.vue$/, test: /\.vue$/,
loader: 'vue' loader: 'vue-loader'
}, },
{ {
test: /\.js$/, test: /\.js$/,
loader: 'babel', loader: 'babel-loader',
exclude: /node_modules/ exclude: /node_modules/
}, },
{ {
test: /\.css$/, test: /\.css$/,
loader: 'style!css' loader: 'style-loader!css-loader'
}, },
{ {
test: /\.(eot|svg|ttf|woff|woff2)$/, test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
loader: 'file' loader: 'file-loader'
}, },
{ {
test: /\.(png|jpg|gif|svg)$/, test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/,
loader: 'file', loader: 'file-loader',
query: { query: {
name: '[name].[ext]?[hash]' name: '[name].[ext]?[hash]'
} }
...@@ -132,7 +127,6 @@ if (process.env.NODE_ENV === 'production') { ...@@ -132,7 +127,6 @@ if (process.env.NODE_ENV === 'production') {
}) })
]) ])
} }
``` ```
### Import Element ### Import Element
......
...@@ -38,9 +38,7 @@ ...@@ -38,9 +38,7 @@
**package.json** **package.json**
```json ```json
{ {
"name": "my-project", "name": "element-starter",
"description": "A Vue.js and Element project",
"private": true,
"scripts": { "scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --port 8086", "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --port 8086",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules" "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
...@@ -57,9 +55,9 @@ ...@@ -57,9 +55,9 @@
"css-loader": "^0.23.1", "css-loader": "^0.23.1",
"file-loader": "^0.8.5", "file-loader": "^0.8.5",
"style-loader": "^0.13.1", "style-loader": "^0.13.1",
"vue-loader": "^9.5.1", "vue-loader": "^9.8.0",
"webpack": "2.1.0-beta.22", "webpack": "beta",
"webpack-dev-server": "^2.1.0-beta.0" "webpack-dev-server": "beta"
} }
} }
``` ```
...@@ -78,31 +76,28 @@ module.exports = { ...@@ -78,31 +76,28 @@ module.exports = {
publicPath: '/dist/', publicPath: '/dist/',
filename: 'build.js' filename: 'build.js'
}, },
resolveLoader: {
root: path.join(__dirname, 'node_modules')
},
module: { module: {
loaders: [ loaders: [
{ {
test: /\.vue$/, test: /\.vue$/,
loader: 'vue' loader: 'vue-loader'
}, },
{ {
test: /\.js$/, test: /\.js$/,
loader: 'babel', loader: 'babel-loader',
exclude: /node_modules/ exclude: /node_modules/
}, },
{ {
test: /\.css$/, test: /\.css$/,
loader: 'style!css' loader: 'style-loader!css-loader'
}, },
{ {
test: /\.(eot|svg|ttf|woff|woff2)$/, test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
loader: 'file' loader: 'file-loader'
}, },
{ {
test: /\.(png|jpg|gif|svg)$/, test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/,
loader: 'file', loader: 'file-loader',
query: { query: {
name: '[name].[ext]?[hash]' name: '[name].[ext]?[hash]'
} }
...@@ -132,7 +127,6 @@ if (process.env.NODE_ENV === 'production') { ...@@ -132,7 +127,6 @@ if (process.env.NODE_ENV === 'production') {
}) })
]) ])
} }
``` ```
### 引入 Element ### 引入 Element
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment