index.js:1 Uncaught ReferenceError: webpackJsonp is not defined at index.js:
這是因爲我用了
new webpack.optimize.CommonsChunkPlugin({
name : 'common',
filename : 'js/common.js'
}),
但是沒有在index.html頁面引入,所以報錯了,而且必須放在js引入第一個位置纔可以不然還會報同樣的錯
我們打包的css sass文件都在js文件裏面被轉換成字符串形式,這樣頁面一開始是沒有樣式的,要用下面這個插件分離
extract-text-webpack-plugin
安裝的時候要注意,如果你的webpack是2.0 你的這個插件版本要注意
我裝的1.0.1 會報下面的錯,
Chunk.entry was removed. Use hasRuntime()
然後我把插件版本改爲(我的webpack是webpack 2.1.0-beta.25)
npm install extract-text-webpack-plugin@2.0.0-beta.4 --save-dev
此插件支持ejs模版,用<% require() %>引入模板,需要html-loader
<% require('html-loader!./layout/html-head.html') %>
webpack-dev-server
讓網頁可以使localhost形式訪問,並且可以即時刷新網頁顯示更改
未完待續,項目完了整體貼一下 佔個位先^_^