view-design / view-ui-project Goto Github PK

let a={a:1}; return {...a};
居然编译不过，这个功能很常用的，默认的view-ui-project居然不支持

开源精神能不能好点

我试了直接npm run build，搭建之后是白屏。 dev和init是正常可用的。

然后假如我想全用相对路径，然后index和其他文件在同一个输出目录 project/dist并且以此目录作为web服务主目录，需要做如下修改，但是修改后还是有问题：
webpack.prod.config.js：
第15行：
publicPath: '/dist/',
改成
publicPath: './',

第39行：
filename: '../index_prod.html',
改成
filename: './dist/index.html',

build后发现 项目/dist/vendors.[hash].js里搜索到一个="/dist/"，但是手动改成了"./"之后，网页依然是白屏，请问贵公司发布这项目的时候，build后是否能正常显示？

Callback must be a function. Received 29
at maybeCallback (fs.js:146:9)
at Object.write (fs.js:559:14)
at D:\01_source_code\view-ui-project\webpack.dev.config.js:10:8
at FSReqCallback.oncomplete (fs.js:157:23)

Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema.

• options has an unknown property 'minimize'. These properties are valid:
  object { url?, import?, modules?, sourceMap?, importLoaders?, localsConvention?, onlyLocals? }
  vue使用2.9.6,
  npm使用6.10.2

npm run build之后文件（图片、js、css）没分类，index.html也没有

When I start this project, the logs are as below:

`
PS C:\Users\wenca\Desktop\Javascript\VUE\demo-vue-cli3\view-ui-project> npm run dev

[email protected] dev C:\Users\wenca\Desktop\Javascript\VUE\demo-vue-cli3\view-ui-project
webpack-dev-server --content-base ./ --open --inline --hot --compress --history-api-fallback --config webpack.dev.config.js

Project is running at http://localhost:8080/
webpack output is served from /dist/
Content not from webpack is served from C:\Users\wenca\Desktop\Javascript\VUE\demo-vue-cli3\view-ui-project
404s will fallback to /index.html
Container#eachAtRule is deprecated. Use Container#walkAtRules instead.
Root#remove is deprecated. Use Root#removeChild
Container#eachRule is deprecated. Use Container#walkRules instead.
Container#eachDecl is deprecated. Use Container#walkDecls instead.
Node#style() is deprecated. Use Node#raw()
Container#remove is deprecated. Use Container#removeChild
Node#_value was deprecated. Use Node#raws.value
Hash: 8a851921a7400c7b2dbb
Version: webpack 2.7.0
Time: 22084ms
Asset Size Chunks Chunk Names
a2c4a261a239aa84463dc70e4bac9b9a.svg 555 kB [emitted] [big]
d535a25a79fb1365ae814b61e88fae71.ttf 198 kB [emitted]
143146fa24554ae2c5ac0a3982abb952.woff2 82.2 kB [emitted]
99ac3308dd8ee14f749f51538d0d5b9e.woff 198 kB [emitted]
df60ea2c1918e8cd14c2e4027032d4e0.png 262 kB [emitted] [big]
0.chunk.js 2.98 kB 0 [emitted]
main.js 13.3 kB 1 [emitted] main
vendors.js 2.42 MB 2 [emitted] [big] vendors
main.css 281 kB 1 [emitted] [big] main
0.chunk.js.map 6.31 kB 0 [emitted]
main.js.map 17.1 kB 1 [emitted] main
main.css.map 85 bytes 1 [emitted] main
vendors.js.map 2.88 MB 2 [emitted] vendors
../index.html 469 bytes [emitted]
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1} [rendered]
[44] ./src/views/index.vue 1.91 kB {0} [built]
[45] .//babel-loader/lib!.//vue-loader/lib/selector.js?type=script&index=0!.//iview-loader?{"prefix":false}!./src/views/index.vue 365 bytes {0} [built]
[46] .//extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!.//vue-style-loader!.//css-loader?minimize!.//vue-loader/lib/style-compiler?{"id":"data-v-d96a8abe","scoped":true,"hasInlineConfig":false}!.//au-loader!.//less-loader!.//vue-loader/lib/selector.js?type=styles&index=0!.//iview-loader?{"prefix":false}!./src/views/index.vue 41 bytes {0} [built]
[47] ./src/images/logo.png 82 bytes {0} [built]
[48] .//vue-loader/lib/template-compiler?{"id":"data-v-d96a8abe"}!.//vue-loader/lib/selector.js?type=template&index=0!.//iview-loader?{"prefix":false}!./src/views/index.vue 846 bytes {0} [built]
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial] [rendered]
[5] .//vue-loader//vue-hot-reload-api/dist/index.js 6.24 kB {1} [built]
[10] ./src/main.js 730 bytes {1} [built]
[12] .//vue-loader/lib/component-normalizer.js 1.27 kB {1} [built]
[15] .//babel-loader/lib!.//vue-loader/lib/selector.js?type=script&index=0!.//iview-loader?{"prefix":false}!./src/app.vue 199 bytes {1} [built]
[16] ./src/libs/util.js 165 bytes {1} [built]
[17] ./src/router.js 203 bytes {1} [built]
[19] .//view-design/dist/styles/iview.css 41 bytes {1} [built]
[20] .//extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!.//vue-style-loader!.//css-loader!.//vue-loader/lib/style-compiler?{"id":"data-v-0781b6d1","scoped":true,"hasInlineConfig":false}!.//autoprefixe//less-loader!.//vue-loader/lib/selector.js?type=styles&index=0!.//iview-loader?{"prefix":false}!./src/app.vue 41 bytes {1} [built]
[35] ./src/app.vue 1.85 kB {1} [built]
[36] .//vue-loader/lib/template-compiler?{"id":"data-v-0781b6d1"}!.//vue-loader/lib/selector.js?type=template&index=0!.//iview-loader?{"prefix":false}!./src/app.vue 381 bytes {1} [built]
[42] multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main 52 bytes {1} [built]
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry] [rendered]
[1] .//vue/dist/vue.esm.js 292 kB {2} [built]
[2] (webpack)-dev-server/client?http://localhost:8080 7.93 kB {2} [built]
[3] (webpack)/hot/dev-server.js 1.57 kB {2} [built]
[7] .//view-design/dist/iview.js 1.7 MB {2} [built]
[8] .//vue-router/dist/vue-router.esm.js 65.6 kB {2} [built]
[9] (webpack)/hot/emitter.js 77 bytes {2} [built]
[11] ./src/vendors.js 92 bytes {2} [built]
[24] .//loglevel/lib/loglevel.js 7.86 kB {2} [built]
[31] .//strip-ansi/index.js 161 bytes {2} [built]
[33] .//url/url.js 23.3 kB {2} [built]
[37] (webpack)-dev-server/client/overlay.js 3.67 kB {2} [built]
[38] (webpack)-dev-server/client/socket.js 1.08 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
[41] (webpack)/hot/log-apply-result.js 1.02 kB {2} [built]
[43] multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/vendors 52 bytes {2} [built]
+ 18 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry] [rendered]
[0] .//lodash/lodash.js 540 kB {0} [built]
[1] .//html-webpack-plugin/lib/loader.js!./src/template/index.ejs 1.03 kB {0} [built]
[2] (webpack)/buildin/global.js 509 bytes {0} [built]
[3] (webpack)/buildin/module.js 517 bytes {0} [built]
Child extract-text-webpack-plugin:
Asset Size Chunks Chunk Names
a2c4a261a239aa84463dc70e4bac9b9a.svg 555 kB [emitted] [big]
d535a25a79fb1365ae814b61e88fae71.ttf 198 kB [emitted]
143146fa24554ae2c5ac0a3982abb952.woff2 82.2 kB [emitted]
99ac3308dd8ee14f749f51538d0d5b9e.woff 198 kB [emitted]
chunk {0} extract-text-webpack-plugin-output-filename 285 kB [entry] [rendered]
[0] .//css-loader/lib/css-base.js 1.51 kB {0} [built]
[1] .//view-design/dist/styles/fonts/ionicons.svg?v=3.0.0 82 bytes {0} [built]
[2] .//view-design/dist/styles/fonts/ionicons.ttf?v=3.0.0 82 bytes {0} [built]
[3] .//view-design/dist/styles/fonts/ionicons.woff2?v=3.0.0 84 bytes {0} [built]
[4] .//view-design/dist/styles/fonts/ionicons.woff?v=3.0.0 83 bytes {0} [built]
[5] .//css-loader?minimize!.//autoprefixer-loader!.//view-design/dist/styles/iview.css 283 kB {0} [built]
Child extract-text-webpack-plugin:
chunk {0} extract-text-webpack-plugin-output-filename 1.99 kB [entry] [rendered]
[0] .//css-loader/lib/css-base.js 1.51 kB {0} [built]
[1] .//css-loader?minimize!.//vue-loader/lib/style-compiler?{"id":"data-v-d96a8abe","scoped":true,"hasInlineConfig":false}!.//autoprefixer-loader!.//less-loader!.//vue-loader/lib/selector.js?type=styles&index=0-loader?{"prefix":false}!./src/views/index.vue 486 bytes {0} [built]
Child extract-text-webpack-plugin:
chunk {0} extract-text-webpack-plugin-output-filename 1.9 kB [entry] [rendered]
[0] .//css-loader/lib/css-base.js 1.51 kB {0} [built]
[1] .//css-loader!./src/styles/common.css 157 bytes {0} [built]
[2] .//css-loader!.//vue-loader/lib/style-compiler?{"id":"data-v-0781b6d1","scoped":true,"hasInlineConfig":false}!.//autoprefixer-loader!.//less-loader!.//vue-loader/lib/selector.js?type=styles&index=0!.//ivie"prefix":false}!./src/app.vue 240 bytes {0} [built]
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 936ms
Asset Size Chunks Chunk Names
vendors.js 2.42 MB 2 [emitted] [big] vendors
8a851921a7400c7b2dbb.hot-update.json 35 bytes [emitted]
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
vendors.js.map 2.88 MB 2 [emitted] vendors
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry] [rendered]
[4] .//process/browser.js 5.42 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 199ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[25] .//punycode/punycode.js 14.7 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 63ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[26] .//querystring-es3/decode.js 2.51 kB {2} [built]
[27] .//querystring-es3/encode.js 2.54 kB {2} [built]
[28] .//querystring-es3/index.js 127 bytes {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 29 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 78ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[29] .//setimmediate/setImmediate.js 6.47 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 71ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[31] .//strip-ansi/index.js 161 bytes {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 54ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[32] .//timers-browserify/main.js 2.02 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 129ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[33] .//url/url.js 23.3 kB {2} [built]
[34] .//url/util.js 314 bytes {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 30 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
`

Then I access the url 'http://localhost:8080/' with Chrome, the page content is
'
Cannot GET /
'
and the Chomre debugger 'network' --> 'headers' --> 'Status Code' is
404 Not Found