webpack

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形式訪問,並且可以即時刷新網頁顯示更改

未完待續,項目完了整體貼一下 佔個位先^_^

發佈了70 篇原創文章 · 獲贊 18 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章