1、網頁對html中資源路徑的解析
設當前路徑爲localhost/app/index,如html中請求一個js腳本,示例:<script src='value' ></script>
value值爲http://***時就是一個確定的url資源了。
value值爲一個文件名時,如bundle.js,則相對於/app下解析,認爲是該文件夾下與html同級的文件,即localhost/app/bundle.js。
value值爲./bundle.js,與前面的一樣
value值爲/bundle.js,則認爲是域名下同級文件,即localhost/bundle.js
相關的一些坑:
1、開發時,使用react-router-dom的Browser Router ,要想刷新不404,webpack中除了加historyApiFallback: true,還要有publicPath: "/"
2、webpack中路徑的解析
1、當使用npm link一個自己的模塊到node_modules中,如~/gland-ui --> npm link,~/ -> npm link gland-ui,除了package.json中main字段要正確外,還有webpack的配置項resolve.symlinks: false 。解除npm unlink <gland-ui>即可